PetroChina Corporate Website User Testing Script

(1)

pg. 1

PetroChina Corporate Website

User Testing Script

Prepared for

PetroChina International Companies in Indonesia

Menara Kuningan

Jl. H.R. Rasuna Said Blok X-7 Kav.5, Jakarta 12940

Project Name:

Revamp Corporate Portal Implementation

Using SharePoint Server

Prepared by

Ade Budiman

PT IGNITE INDONESIA

The Boulevard Office Suite 1A1

Jln Fachruddin No 5

(2)

pg. 2

1 M

ENGAKSES

W

EBSITE

S

EBAGAI

A

NONYMOUS

Description: Langkah untuk mengakses website sebagai anonymous user

Pre-requisite condition: User tidak login menggunakan Petrochina credential

Expected Outcome: Website dapat diakses secara anonymous

Step

Description

Remarks

1. Buka browser selain Internet Explorer dan masukkan url http://www.petrochina.co.id:999

2. Website Petrochina dapat diakses secara anonymous

Achieved Results/Comments

Pass

Fail

(4)

pg. 4

2 M

EMBUKA

H

ALAMAN

H

EADLINE

N

EWS

Description: Langkah untuk mengakses halaman headline news

Expected Outcome: Halaman headline news dapat ditampilkan

Step

Description

Remarks

2. Klik salah satu judul yang tayang di Headline News

(5)

pg. 5

Achieved Results/Comments

Pass

Fail

(6)

pg. 6

3 M

ENAMPILKAN

H

ALAMAN

V

ISI

M

ISI

Description: Langkah untuk mengakses halaman visi dan misi

Expected Outcome: Halaman visi dan misi dapat ditampilkan

Step

Description

Remarks

2. Klik menu About Us  Vision & Mission atau klik gambar Vision & Mission yang berada dibawah Headline News

(7)

pg. 7 4. Untuk menambahkan atau merubah kata kata di vision & mission dengan menggunakan langkah

dibawah ini.

5. Buka browser menggunakan Internet Explorer dan masukkan url http://www.petrochina.co.id:999

lalu pastikan sudah login ke dalam aplikasi SharePoint

6. Klik Site Actions  Edit Page

7. Lakukan perubahan data atau informasi yang diperlukan pada halaman ini.

8. Jika sudah selesai melakukan perubahan pada halaman ini, klik tombol save & close.

Achieved Results/Comments

Pass

Fail

(8)

pg. 8

4 M

ENAMPILKAN

H

ALAMAN

P

RESIDENT

’

S

N

OTE

Description: Langkah untuk mengakses halaman president’s note

Expected Outcome: Halaman president’s note dapat ditampilkan

Step

Description

Remarks

2. Klik menu About Us  President’s Note atau klik gambar President’s Note yang berada dibawah Headline News

(9)

pg. 9 4. Untuk menambahkan atau merubah kata kata di vision & mission dengan menggunakan langkah

dibawah ini.

6. Klik Site Actions  Edit Page

7. Lakukan perubahan data atau informasi yang diperlukan pada halaman ini.

Achieved Results/Comments

Pass

Fail

(10)

pg. 10

5 M

ENAMPILKAN

H

ALAMAN

M

ANAGEMENT

P

ROFILE

Description: Langkah untuk mengakses halaman management profile

Expected Outcome: Halaman management profile dapat ditampilkan

Step

Description

Remarks

2. Klik menu About Us  Management Profile atau klik gambar Management Profile yang berada dibawah Headline News

(11)

pg. 11 4. Untuk melihat dan menambahkan list dari Management Profile dengan menggunakan langkah

dibawah ini.

6. Klik Site Actions  View All Site Content lalu cari Management Profile di bagian List

7. Kumpulan dari record Management Profile yang tersimpan di list ini.

(12)

pg. 12 9. Masukkan Nama pada kolom Name, Posisi pada kolom Designation, Keterangan pada kolom

Description, dan url foto (dari Management Profile Picture Library) pada kolom Images dan lalu klik tombol Save untuk menyimpan

10. Untuk merubah salah satu item dari Management Profile dengan cara dibawah ini

11. Buka browser menggunakan Internet Explorer dan masukkan url http://www.petrochina.co.id:999

12. Klik Site Actions  View All Site Content lalu cari Management Profile di bagian List

(13)

pg. 13 14. Klik atau centang pada item yang ingin dirubah atau ingin disesuaikan dan lalu klik tombol Edit

Item pada Ribbon menu diatas

15. Lakukan perubahan atau penyesuaian pada form yang ditampilkan dan lalu klik tombol Save untuk menyimpan perubahan tersebut.

16. Untuk melihat dan menambah atau merubah foto dari Management Profiledengan menggunakan langkah dibawah ini.

(14)

pg. 14 17. Buka browser menggunakan Internet Explorer dan masukkan url http://www.petrochina.co.id:999

18. Klik Site Actions  View All Site Content lalu cari Management Profile di bagian Picture Library

19. Upload foto yang baru pada library ini dengan cara klik tombol Upload  Upload Picture

20. Untuk memulai pencarian foto yang ingin di upload ke dalam picture library dari folder computer yaitu dengan cara klik tombol browse

(15)

pg. 15 21. Klik tombol Ok untuk memulai proses upload foto dari folder computer ke dalam Picture Library

Achieved Results/Comments

Pass

Fail

(16)

pg. 16

6 M

ENAMPILKAN

H

ALAMAN

W

ORKING

A

REAS

Description: Langkah untuk mengakses halaman working areas

Expected Outcome: Halaman working areas dapat ditampilkan

Step

Description

Remarks

2. Scroll layar hingga ke bagian Working Area

3. Klik gambar salah satu lokasi yang berada di bawah peta Indonesia di dalam Working Areas

(17)

pg. 17 5. Untuk menambahkan atau merubah kata kata di Working Area dengan menggunakan langkah

dibawah ini.

7. Klik gambar salah satu lokasi yang berada di bawah peta Indonesia di dalam Working Areas

8. Halaman working areas dapat ditampilkan

(18)

pg. 18 10. Lakukan perubahan data atau informasi yang diperlukan pada halaman ini.

11. Jika sudah selesai melakukan perubahan pada halaman ini, klik tombol save & close.

12. Untuk menambahkan atau merubah kata kata di Working Area dengan menggunakan langkah dibawah ini.

(19)

pg. 19 15. Klik Site Actions  Edit Page

16. Klik pada webpart Working Area dan lalu pilih Edit webpart

17. Lakukan perubahan data atau informasi yang diperlukan pada halaman ini pada kolom pengisian di webpart parameter

18. Jika sudah selesai melakukan perubahan pada halaman ini, klik tombol save & close.

Achieved Results/Comments

Pass

Fail

(20)

pg. 20

7 M

ENAMPILKAN

H

ALAMAN

N

EWS

Description: Langkah untuk mengakses halaman news

Expected Outcome: Halaman news dapat ditampilkan

Step

Description

Remarks

2. Klik salah satu dari ketiga gambar yang tampil yang berada dibawah News

3. Halaman News dapat ditampilkan

4. Untuk menambahkan atau articles atau berita baru dengan menggunakan langkah dibawah ini.

(21)

pg. 21 6. Berada di halaman utama, klik Site Actions  View All Site Contents

7. Scroll layar hingga ke bagian paling bawah untuk menemukan subsite blog dan lalu klik pada blog yang terkait dan sesuai dengan articles atau berita yang ingin ditambahkan

8. Tujukan kepada kolom di sebelah kanan dan klik menu Create a Post untuk menambahkan sebuah articles atau berita yang baru

9. Isilah kolom kolom yang diperlukan yaitu

Title sebagai judul berita dan Body sebagai isi dari berita tersebut (pada saat klik di kolom Body

akan muncul semacam content editor dan biasanya artikel atau berita dapat diakali dengan cara copy-paste dari word atau source html)

(22)

pg. 22 10. Masukan Image_Url sebagai banner dari berita ini dan juga centang Headline_News apabila berita

ini ingin dijadikan sebagai Headline News

Achieved Results/Comments

Pass

Fail

(23)

pg. 23

8 M

ENAMPILKAN

V

IDEO

G

ALLERY

Description: Langkah untuk mengakses halaman video gallery

Expected Outcome: Halaman Video Gallery dapat ditampilkan

Step

Description

Remarks

2. Klik gambar video player untuk menampilkan video yang terbaru

3. Klik View All Video untuk menampilkan seluruh video yang sudah pernah di upload sebelumnya dan bisa ditampilkan juga menggunakan video player tersebut

(24)

pg. 24 4. Untuk mengupload video cuplikan terbaru dengan menggunakan langkah dibawah ini.

6. Klik Site Actions  View All Site Content lalu cari Video_Library di bagian Document Libraries

7. Klik tombol Add new item dan lalu sebuah form upload document akan muncul

8. Klik tombol Browse untuk mencari dokumen video dari windows explorer yang ingin di upload ke dalam library

9. Cari video yang ingin di upload dari windows explorer lalu klik tombol open jika video sudah selesai dipilih

(25)

pg. 25 10. Klik OK untuk memulai proses upload video dari windows explorer ke dalam video library

Achieved Results/Comments

Pass

Fail

(26)

pg. 26

9 M

ENAMPILKAN

H

ALAMAN

P

HOTO

G

ALLERY

Description: Langkah untuk mengakses halaman photo gallery

Expected Outcome: Halaman photo gallery dapat ditampilkan

Step

Description

Remarks

2. Scroll layar ke bawah hingga menemukan ke bagian Our Gallery

3. Klik gambar foto untuk menampilkan foto tersebut ke dalam sebuah frame yang lebih besar

3. Klik View All Photos untuk menampilkan seluruh foto yang sudah pernah di upload sebelumnya dan bisa ditampilkan juga ke dalam sebuah frame yang lebih besar

(27)

pg. 27 4. Untuk mengupload foto foto terbaru dengan menggunakan langkah dibawah ini.

6. Klik Site Actions  View All Site Content lalu cari Gallery_Image di bagian Picture Libraries

7. Klik tombol New  New Folder dan lalu sebuah form untuk memberikan nama folder akan muncul dan klik tombol Save apabila sudah selesai.

(28)

pg. 28 9. Klik tombol Upload  Upload Multiple Pictures untuk mengupload foto foto dari Windows

Explorer ke dalam Gallery Image

10. Pilih dan upload foto foto yang sudah dipilih dengan klik tombol Upload and Close

Achieved Results/Comments

Pass

Fail

(29)

pg. 29

10 M

ENAMPILKAN

N

EWS

I

NDEX

Description: Langkah untuk mengakses halaman news index

Expected Outcome: Halaman news index dapat ditampilkan

Step

Description

Remarks

2. Untuk menampilkan news index itu ada di dalam beberapa menu yaitu: - News and Media  News

- News and Media  Event - News and Media  Press Release - News and Media  Publication - Our Commitment  EHS

- Our Commitment  Social Investment

Pilih salah satu dari menu diatas lalu pilih dan klik menu tersebut maka akan menampilkan sebuah halaman news index

(30)

pg. 30

Achieved Results/Comments

Pass

Fail

(31)

pg. 31

11 M

ENAMPILKAN

H

ALAMAN

V

ACANCY

Description: Langkah untuk mengakses halaman vacancy

Expected Outcome: Halaman vacancy dapat ditampilkan

Step

Description

Remarks

2. Klik menu Career  Vacancy untuk menampilkan halaman vacancy dengan posisi yang sedang dibuka.

(32)

pg. 32 4. Klik pada posisi yang sedang dibuka dibagian judulnya maka akan menampilkan sebuah halaman

dalam bentuk form yang dapat di isi.

5. Klik tombol submit untuk mengirimkan dan popup notifikasi sukses akan muncul.

6. Untuk melihat list dari vacancy dengan menggunakan langkah dibawah ini.

8. Klik Site Actions  View All Site Content lalu cari Vacancy_Form di bagian List

(33)

pg. 33 10. Untuk menambahkan Available Position dengan menggunakan langkah dibawah ini.

12. Klik Site Actions  View All Site Content lalu cari Available Position di bagian List

13. Klik Add new item untuk menambahkan sebuah record yang baru pada list ini.

14. Isi setiap kolom yang diperlukan pada form dan jika sudah terisi semua lalu klik tombol save

Achieved Results/Comments

Pass

Fail

(34)

pg. 34

12 M

ENAMPILKAN

H

ALAMAN

A

PPRENTICE

Description: Langkah untuk mengakses halaman apprentice

Expected Outcome: Halaman apprentice dapat ditampilkan

Step

Description

Remarks

2. Klik menu Career  Apprentice untuk menampilkan halaman apprentice dalam bentuk form yang dapat di isi.

(35)

pg. 35 4. Untuk melihat list dari apprentice dengan menggunakan langkah dibawah ini.

6. Klik Site Actions  View All Site Content lalu cari Apprentice_Form di bagian List

7. Kumpulan dari record Apprentice yang tersimpan di list ini.

Achieved Results/Comments

Pass

Fail

(36)

pg. 36

13 M

ENAMPILKAN

H

ALAMAN

V

ENDOR

R

EGISTRATION

Description: Langkah untuk mengakses halaman vendor registration

Expected Outcome: Halaman vendor registration dapat ditampilkan

Step

Description

Remarks

2. Klik menu Tender Information  Vendor Registration untuk menampilkan halaman vendor registration.

3. Halaman vendor registration ditampilkan

4. Untuk menambahkan atau merubah kata kata di vendor registration dengan menggunakan langkah dibawah ini.

(37)

pg. 37 7. Lakukan perubahan data atau informasi yang diperlukan pada halaman ini.

Achieved Results/Comments

Pass

Fail

(38)

pg. 38

14 M

ENAMPILKAN

H

ALAMAN

T

ENDER

A

NNOUNCEMENT

Description: Langkah untuk mengakses halaman tender announcement

Expected Outcome: Halaman tender announcement dapat ditampilkan

Step

Description

Remarks

2. Klik menu Tender Information  Tender Announcement untuk menampilkan halaman tender announcement.

3. Halaman Tender Announcement ditampilkan

4. Untuk menambahkan tender announcement dengan menggunakan langkah dibawah ini.

(39)

pg. 39 7. Klik Add new item untuk menambahkan sebuah record yang baru pada list ini.

8. Isi setiap kolom yang diperlukan pada form dan jika sudah terisi semua lalu klik tombol save

Achieved Results/Comments

Pass

Fail

(40)

pg. 40

15 M

ENAMPILKAN

H

ALAMAN

R

EGULATION

Description: Langkah untuk mengakses halaman regulation

Expected Outcome: Halaman regulation dapat ditampilkan

Step

Description

Remarks

2. Klik menu Tender Information  Regulation untuk menampilkan halaman regulation.

3. Sebuah halaman dengan listing Contractor Safety Management ditampilkan

4. Untuk menambah Regulation List dengan menggunakan langkah dibawah ini.

(41)

pg. 41 7. Klik Add new item untuk menambahkan sebuah record yang baru pada list ini.

8. Isi setiap kolom yang diperlukan pada form dan jika sudah terisi semua lalu klik tombol save

Achieved Results/Comments

Pass

Fail

(42)

pg. 42

16 M

ENAMPILKAN

H

ALAMAN

C

ONTRACTOR

S

AFETY

M

ANAGEMENT

S

YSTEM

Description: Langkah untuk mengakses halaman contractor safety management system

Expected Outcome: Halaman contractor safety management system dapat ditampilkan

Step

Description

Remarks

2. Klik menu Tender Information  Contractor Safety Management untuk menampilkan halaman contractor safety management system.

3. Sebuah halaman dengan listing Contractor Safety Management ditampilkan

(43)

pg. 43

Achieved Results/Comments

Pass

Fail

(44)

pg. 44

17 M

ENAMPILKAN

H

ALAMAN

C

ONTACT

U

S

Description: Langkah untuk mengakses halaman contact us

Expected Outcome: Halaman contact us dapat ditampilkan

Step

Description

Remarks

2. Klik menu Contact Us untuk menampilkan halaman contact us.

3. Isi form dan klik tombol Post Message untuk mengirimkan dan pesan notifikasi sukses akan muncul.

(45)

pg. 45 4. Untuk melihat list contact us dengan menggunakan langkah dibawah ini.

6. Klik Site Actions  View All Site Content lalu cari Contact_Form di bagian List

7. Sebuah record yang baru di input tersimpan di list ini.

Achieved Results/Comments

Pass

Fail

(46)

pg. 46

18 M

ERUBAH

I

MAGE

B

ANNER

Description: Langkah untuk merubah image banner di setiap halaman

Expected Outcome: Image banner di halaman yang aktif dapat diubah

Step

Description

Remarks

2. Klik pada halaman atau page yang bannernya ingin diubah

3. Klik tab Page pada Ribbon dan lalu klik tombol Edit Page

4. Klik pada HTML dan lalu klik edit HTML Source untuk menampilkan jendela HTML Source agar bisa dilakukan perubahannya

5.

(47)

pg. 47

<h3>Vision & Mission </h3> </div>

</div> </div>

</div>

<li><a href="#">Home</a> <span class="divider">>></span></li> <li class="active"><a href="#">Vision & Mission</a></li></ul> <div class="row">

<div class="span8" style="margin-left: 0px;"><img

src="/SiteAssets/SitePages/Vision%20Mission/vision%20mission.jpg" alt="vision mission.jpg" class="img-responsive" style="margin: 5px;"/><br/><br/></div>

6. Klik OK jika sudah selesai melakukan perubahan image banner lalu klik tombol Save & Close