Slaid Latihan Pemantapan Pembangunan Web dan Portal

Transcription

Latihan Pemantapan
Pembangunan Web & Portal
(LPPWP) 2016
20 & 21 April 2016
Auditorium INTAN Bukit Kiara
Kuala Lumpur
Latihan Pemantapan
Pembangunan Web & Portal
(LPPWP) 2016
20 & 21 April 2016
Auditorium INTAN Bukit Kiara
Kuala Lumpur
OBJEKTIF
Pada akhir kursus ini peserta akan dapat:
• Memahami kriteria ProBE 2016;
• Mengetahui kepentingan kriteria ProBE dalam
menyokong aspirasi RMKe-11; dan
• Meningkatkan kemahiran dalam
menambahbaik laman web dan portal
agensi.
PROBE 2016 CRITERIA
OVERVIEW OF ProBE 2016 CRITERIA
TOTAL
CRITERIA
STAGES
1: Emerging
MANDATORY CRITERIA
NON-MANDATORY CRITERIA
• Refers to Government Online Service
(GOS)criteria which are fundamental to drive
user satisfaction and usage. Absence of such
criteria has severe impact on fulfilment of user
needs.
30% for Emerging & Enhanced stages
2: Enhanced
3: Transactional
47 criteria
4: Connected
5: Innovative
• Criteria are not assigned with score but their
provision in the website are compulsory.
• Agencies that do not fulfill mandatory criteria
will be moved down to 3-star and below.
70% for Transactional and Connected
stages
• Refers to use of GOS to generate
opportunities via greater people
participation.
• Criteria will be developed for ProBE 2017
onwards.
Source : MDeC 2016
ProBE 2016 MANDATORY CRITERIA
FEATURES
(3 ENHANCED, 2 NEW)
Criteria
Downtime
Loading Time
Responsivene
ss to
Enquiries
Updated
Content
New!
2015 Target
2016 Target
• Agencies with SLA: Downtime is within the
stipulated SLA
• Agencies without SLA: Downtime is
within 0.5% (43 hours and 48 mins)
Continue
10 seconds and below
5 seconds and below
Proper response to users’ enquiries within the
time limit set by the respective Agencies’
Client Charter
Proper response is as per Client’s Charter
but should not exceed 7 working days*
Updated information in 6 Sections:
1) News, Activities, Updated events
2) Announcement, Information & Broadcast
3) Newspaper clippings, press statements or
articles
4) Poster/Banner
5) Tender/Quotation/Recruitment
announcements
6) Ministers, Deputy Ministers & Senior
Management of Agencies
New!
Mobile Web
Not applicable
Updated information in 7 Sections.
• Inclusion of an additional item i.e.
‘News and/or updates on
government policies’
Website must utilise responsive web design**
New!
Active Hyperlink
Not applicable
Note
*As per Panduan Pengurusan Perhubungan Pelanggan of Pekeliling Kemajuan Pentadbiran Awam Bilangan 1 Tahun 2008
Selection of criteria are based on user expectations and global standards
**Layout changes based on the size and capabilities of the device
All hyperlinks within the website must be
active
CRITERIA ProBE 2016
Criteria
PILLAR 1:
PILLAR 2:
PILLAR 3:
PILLAR 4:
PILLAR 5:
PILLAR 6:
PILLAR 7:
SITE
PERFORMANCE
FUNCTIONALITY
CONTENT
NAVIGATION
SEARCH
ONLINE
TRANSPARENCY
LOOK
AND FEEL
Mandatory
1. Loading Time
(5 Seconds)
3.
Mobile Web / Version
7.
Mobile apps
8.
Number of Online
Services
2. Downtime
9.
Notification of
Transaction
10. Aid, Tools & Help
Resources
11. Online Service Security
12. Broadcast
Non-Mandatory
13. Electronic Archive
14. W3C Disability
Accessibility
15. Frequently Asked
Questions (FAQ)
16. Feedback Form
17. Feedback AutoNotification
18. User Opinion Features
19. Updates via Email or RSS
4.
Updated
Content
5.
Active
Hyperlink
6.
20. Audio/
Video
29. Personalisation
30. Sitemap
33. Search
Function
21. MultiLanguage
for Content
31. Links to Other
Websites
34. Advanced
Search
32. Find
Information
within 3 Clicks
35. Searchable
Database
22. Multilanguage
for Online
Services
23. Publicising
an agency
CIO or
equivalent
24. Contact
Details
25. Presence of
Datasets
26. Dataset
Guidelines
27. About Us
28. Publications
36. Find
Website
Using
Search Tool
Responsiveness
to Enquiries
37. Client Charter
38. Achievement of
Client Charter
39. Statistic of
Online Services
40. Freedom of
Information
Legislation
41. Privacy Policy
Statement/Data
Protection Act
42. Online
Procurement
Announcement
43. Online EParticipation
Policy/Guideline
44. Promotion of Eparticipation
Initiative
45. Presence of EConsultation
Mechanisms
46. Presence of EDecision Making
Tools
47. Look
and
Feel
SCORING MECHANISM
ALL WEBSITES
WEBSITE
Mandatory Criteria
SUPPLY
Stages
Weightage
Description
Non-Mandatory Criteria
Weightage
• No scoring
assigned
Emerging
• Fail or Pass
Enhanced
Yes or No
• Not meeting
the criteria will
result in websites
receiving a
maximum of 3Star
30%
Innovative
DEMAND
• Not meeting
the criteria will
result loss of
mark
• Based on
assignment of
weightage
• 30% for
Emerging &
Enhanced
stages
Transactional
Connected
Description
70%
• 70% for
Transactional
and
Connected
stages
MANDATORY
1.Uploading Time
2.Down Time
3.Mobile Web/Version
4.Updated Content
5.Active Hyperlink
6.Responsiveness to Enquiries
P1: Site Performance
P1.1 Loading Time (1/3)
Categories
Definition
Tips
Description
•
Loading Time refers to the amount of time (in seconds) it takes for a page
to load, from initiation of the pageview (e.g., click on a page link) to
load completion in the browser.1
•
ProBE Loading Time indicator: 5 seconds and below
Utilise “Google PageSpeed Insights”
•
Google PageSpeed test measures and analyses the page and
generates report on specific recommendations to improve the speed
of the page.
•
Recommendations are based on general principles of web page
performance, including resource caching, data upload and download
size, and client-server round-trip times.
Categories
Conditions
Description
All conditions must be complied:
a) Assessment must be undertaken during peak hours specified below:
•
10.00 am to 1.00 pm, or
•
2.00 pm to 4.00 pm
b) Assessment to be undertaken by using an online tool “Seomastering.com”:
http://www.seomastering.com/site-speed-checker.php
c) Only online tool identified above will be accepted. Utilisation of other
Online Tool will not be accepted
Informati
on
Gathering
Process
ProBE Self-Assessment System
1) Submit the result from the online tool “Seomastering.com”
Categories
Tips
Description
•
Enable Keep-Alive
•
Minimize HTTP Requests
•
Menggunakan Content Delivery Network (CDN)
•
Menambah Expires atau a Cache Control Header
•
Komponen Gzip
•
Meletakkan Stylesheets di Bahagian Atas
•
Meletakkan Scripts di Bahagian Bawah
•
Meletakkan JavaScripts dan CSS Di Luar
•
Buang Script yang Berulang
•
Jangan buat resize imej di dalam HTML
•
Minify CSS dan Javascript
•
CSS Sprite
HANDS-ON COACHING
• Using Firefox Add On : Web Developer Toolbar.
– Check your site information under menu information.
• YSlow (have to install)
- YSlow analyzes web pages and why they're slow
based on Yahoo!'s rules for high performance web
sites
Minimize HTTP request
● Check How Many Request.
– http://www.giftofspeed.com/request-checker/
● Combine images Using CSS Sprite.
–
What is CSS Sprite?
• An image sprite is a collection of images put into a single image.
A web page with many images can take a long time to load and
generates multiple server requests.Using image sprites will
reduce the number of server requests and save bandwidth.
Minify Resources
Using Tools.
● Compress CSS
– http://csscompressor.com
● Compress javascript.
– http://javascriptcompressor.com/
Optimize Images
Using tools.
http://optimizilla.com / http://jpeg-optimizer.com
HANDS-ON
Penilaian akan diambil kira jika Load Time
kurang daripada 5 saat.
P1.2 Downtime (1/2)
Categories
Definition
Tips
Description
•
Downtime refers to the occasions whereby the website is not operational and
is not accessible by the users1
•
Downtime does not include scheduled maintenance period in which the
agency has informed users of the time and duration of website
unavailability for access
•
Only the main page of the website is observed for downtime
criterion. Downtime for Online Services will not be measured in this
criterion
Utilise and subscribe to a reliable Online Tool
•
•
There are many Online Tools available to assist to track your website. Most
of these tools send immediate alerts to website admin when the website
crashes
P1.2 Downtime (2/2)
Categories
Conditions
Description
a) Website downtime must be within the stipulated SLA of respective agencies
•
For agencies without SLA: Must comply to 99.5%uptime (43 hours,
48 minutes downtime)
b) Notification of the website inaccessibility must be displayed on other
official channels such as myGov or agency social media accounts
• Agency that does not own any official social media accounts
are required to utilise its parent website or official accounts
Informati
on
Gathering
Process
c) Scheduled maintenance is not considered as incidence of Downtime
ProBE Self-Assessment System
1) Submit the stipulated SLA for website uptime/downtime for 2016 (SLA to be
uploaded in the system)
•
The default uptime for agencies without SLA will be 99.5%
•
Each downtime incidence must be keyed into the system
Notification of the website
inaccessibility must be
displayed
Alternative kepada
webmaster sahaja. Ini
tidak diambil kira untuk
penilaian.
http://uptimerobot.com
Other websites
(calculation):
uptime.is
P2: Functionality
P2.5 Mobile Web/Version (1/2)
Categories
Description
Definition
Mobile Web/Version refers to a version of the website that is customised to
be viewed using mobile devices such as smart phone, tab or iPad
Tips
•
Usage of responsive technology framework allows the agency to create
a similar experience for the users no matter how they are accessing the
website whether on desktop, tablet or smartphone. Therefore, providing
better user experience across devices. Furthermore, it is an effective way
to manage the website by eliminating the need to maintain separate
mobile URL and content1
•
If your agency maintains a separate Mobile Web / Version, ensure that
both the desktop and mobile versions incorporate the same branding
elements to ensure consistency2
•
Never stop testing! Ensure that the Mobile Web / Version are tested
consistently on different type of mobile devices and operating systems.
Tests should be undertaken on every page, user action and buttons on
the website3
P2: Functionality
P2.5 Mobile Web/Version (2/2)
Categories
Conditions
Description
a) The Mobile Web version is tailored to the size of the mobile device i.e.
using responsive design
b) Notification of the availability of the service such as QR code or Mobile
Icon must be displayed on the desktop version to inform users
c) A Mobile Web that is displayed exactly like the desktop version (without
responsive design) is considered as non compliant
Informati
on
Gathering
Process
a) For agency maintaining a separate URL for Mobile Web / Version, to
enter the Mobile Web / Version URL address on the Self-Assessment
System
**Test your website on any screen size including desktops, tablets, televisions,
and mobile phones.
Wires: http://quirktools.com/screenfly/
P3: Content
P3.3 Updated Content (1/2)
Categories
Definition
Description
Updated Content refers to the update and review of information on the
website. There are seven (7) elements of Updating Content:
i.
Latest news, activities or updated events
ii.
Announcement, information and broadcast
iii. Newspaper clippings, press statements or articles
iv. Poster/Banner
v.
Tender / Quotation / Recruitment announcements
vi. Minister, Deputy Minister and Senior Management of the agencies
vii. News and /or updates on government policies (new)
Tips
•
Content and business owners of the information displayed on the website
are encouraged to check their information regularly to verify and ensure
the information are accurate and up-to-date1
•
Consistent engagement with users via feedback forms, surveys and
focus groups allow website managers to understand user’s perspective
and input on the content of website1
P3: Content
P3.3 Updated Content (2/2)
Categories
Conditions
Description
a) Website must observe the updates in all of the seven relevant
sections identified above
b) Website must comply to the Guidelines “PERKARA-PERKARA YANG
DIPANTAU BERKAITAN PENGEMASKINIAN MAKLUMAT DI LAMAN
WEB” issued by MAMPU
c) News and /or updates on government policies must be updated within
1 working day after the policy has been updated
d) All of the seven relevant sections must be updated. Outdated sections will
Informati
on
Gathering
Process
be considered as non compliant
ProBE Self-Assessment System:
Upload the up-to-date screenshot of the relevant pages of their
websites displaying any of the six relevant sections identified
PERKARA-PERKARA YANG DIPANTAU BERKAITAN
PENGEMASKINIAN MAKLUMAT DI LAMAN WEB.
Sumber : MAMPU
Bil.
Perkara
Penjelasan
Tempoh Paparanuntuk
Dikemaskini
“Kementerian telah menganjurkan 1 bulan selepas tarikh
Karnival Usahawan pada 1 Mac
berita, aktiviti dan
2011 dan telah dihadari oleh…”
peristiwa
Contoh
1.



Berita terkini
Aktiviti terkini
Peristiwa terkini
Paparan berita, aktiviti dan peristiwa
berkaitan agensi yang telah
dilaksanakan.
2.



Pengumuman
Makluman
Hebahan
(i)
Pengumuman mengenai
berita, aktiviti dan peristiwa yang
akan dilaksanakan.
“Kementerian akan Usahawan
pada 28 Mac 2011”
3 hari bekerja selepas
tarikh berita, aktiviti dan
peristiwa dipaparkan
(ii)
Pengumumanpengumuman yang berterusan
“Maklumat berkaitan Projek
Perumahan Terbengkalai
sehingga 15 Februari 2011 yang
dikeluarkan oleh Jabatan
Perumahan Negara (JPN) kini
boleh dimuat turun”
Mengikut keperluan agensi
“Adalah dimaklumkan bahawa
mulai 23 Disember 2010, pihak
Majlis tidak lagi menerima
sebarang pembayaran melalui
cek”
Sumber : MAMPU
Bil.
3.
4.
5.
Perkara



Keratan akhbar
Kenyataan akhbar
Rencana akhbar
Poster/Banner



Tawaran tender
Tawaran sebut
harga
Tawaran Jawatan
kosong
Penjelasan
Contoh
Tempoh Paparan
untuk Dikemaskini
(i)
Keratan, kenyataan dan
rencana akhbar yang mengandungi
maklumat relevan sepanjang masa
(kempen, program kesedaran dan
lain-lain)
(ii)
Keratan, kenyataan dan
rencana akhbar mengandungi
maklumat umum (perasmian,
lawatan dan lain-lain)
(i)
Poster/banner yang
memaparkan pencapaian dan
pengiktirafan yang diterima
oleh agensi
Kenyataan Akhbar mengenai
penyakit pandemik seperti
Demam Denggi Dan
Chikunkunya
Mengikut keperluan
agensi
Keratan akhbar bertajuk
“Bomba berkampung 24 jam.
Sinar Harian, 20 Feb 2011.”
1 bulan selepas
tarikh akhbar
Anugerah 5 Bintang, Sijil ISO,
5S dan lain-lain
Mengikut keperluan agensi
Poster/banner yang
memaparkan aktiviti atau
peristiwa (Perayaan, kempen
dan lain-lain)
Paparan berkaitan tawaran
tender, sebut harga dan jawatan
kosong
Poster ucapan Selamat
Tahun Baru, poster
bengkel
1 minggu selepas
tarikh aktiviti dan
peristiwa
-
tarikh tawaran tender,
sebut harga dan
jawatan kosong ditutup
Sumber : MAMPU
Bil.
Perkara
Penjelasan
Contoh
Tempoh Paparan untuk
Dikemaskini
6.
Statistik
Paparan bulanan bagi statistik
pencapaian piagam pelanggan dan
bilangan transaksi perkhidmatan
online
2 bulan sebelum bulan
semasa Contoh: Bulan
semasa adalah Mac 2011,
jadi statistik sehingga
bulan Januari 2011 perlu
dipaparkan
7.



Maklumat berkaitan Menteri,
Timbalan Menteri
(sekiranya berkaitan) dan
ketua agensi dikemaskini,
terutama dibahagian
direktori kakitangan, carta
organisasi dan perutusan
ketua agensi.
lantikan rasmi
Maklumat Menteri
Timbalan Menteri
Ketua agensi
**Nota:
1.
2.
Tempoh yang diberikan di atas merupakan kelonggaran yang diberikan. Agensi digalakkan untuk mengemaskini maklumat di
laman web sebaik sahaja sesuatu maklumat tersebut dianggap sebagai luput/tidak diperlukan.
Semua maklumat yang telah melebihi tempoh paparan untuk dikemaskini seperti yang dinyatakan di atas, perlu dimasukkan ke
bahagian arkib dan tidak dipaparkan di muka utama laman web.
P6: Online Transparency
P6.4 Responsiveness to Enquiries (1/2)
Categories
Definition
Tips1
Description
Responsiveness within Client’s Charter refers to time frame of the
response provided by the agency for the enquiries made by users via
the website
• Agencies must clearly display the response time for responding to
enquires from users in the Client’s Charter section of the websites which
will allow users to anticipate when a response will be received.
•
Content owner are encouraged to prepare further information and
clarification on anticipated questions that may be asked by the users such
as related regulations, roadmap and links / access to more information
about the subject matter.
•
The basic information which are prepared in advanced are to be
provided promptly to users while the respective officers are working on a
more detailed and customized response (if necessary) to increase level of
engagement with the users.
P6: Online Transparency
P6.4 Responsiveness to Enquiries (2/2)
Categories
Conditions
Description
a) Default response to any enquiries by users is within 7 working days as
per “PANDUAN PENGURUSAN PERHUBUNGAN PELANGGAN” of
“PEKELILING KEMAJUAN PENTADBIRAN AWAM BILANGAN 1
TAHUN 2008"
•
Informati
on
Gathering
Process
In the event where an agency has indicated Response Time under 7
working days in the Client Charter (for example: Response Time to
enquiries is within 3 working days), the shorter time frame for
Response Time will take effect
b) Response that is sent beyond the set time frame is considered as non
compliant
1) Agency to submit the stipulated SLA for Responsiveness within Client’s
Charter
Sumber:
PANDUAN PENGURUSAN PERHUBUNGAN PELANGGAN ;
PEKELILING KEMAJUAN PENTADBIRAN AWAM
BILANGAN 1 TAHUN 2008 ; MAMPU
Pengukuran prestasi penyampaian
maklumat dan perkhidmatan
• Contoh petunjuk prestasi dan sasaran yang
boleh digunakan oleh agensi adalah seperti
yang berikut:
i. Peratus perkhidmatan dalam talian yang
dibangunkan pada setiap bulan/tahun.
ii. Peratus penggunaan perkhidmatan dalam
talian pada setiap bulan/ tahun.
Sumber: PEKELILING KEMAJUAN PENTADBIRAN AWAM BIL. 2 TAHUN 2015
PENGURUSAN LAMAN WEB AGENSI SEKTOR AWAM ; MAMPU
Pengukuran prestasi penyampaian
maklumat dan perkhidmatan
• Contoh petunjuk prestasi dan sasaran yang boleh
digunakan oleh agensi adalah seperti yang berikut:
iii.
Peratus pertanyaan, aduan atau maklum balas
diambil tindakan dalam tempoh yang dijanjikan
dalam piagam pelanggan atau dalam tempoh
tidak melebihi tiga (3) hari bekerja.
iv.
Peratus maklumat terkini seperti pengumuman,
berita, aktiviti, amaran, tender, promosi, kerjaya
yang telah dikemas kini sebelum tempoh atau tarikh
tamat.
Sumber: PEKELILING KEMAJUAN PENTADBIRAN AWAM BIL. 2 TAHUN 2015
PENGURUSAN LAMAN WEB AGENSI SEKTOR AWAM ; MAMPU
P4: Navigation
P4.6 Active Hyperlink (1/2)
Categories
Definition
Description
No Broken Link refers to active and error-free hyperlink file or document that
allows user visit another location or file. Typically hyperlink is activated by
clicking on a highlighted word or image on the website1.
Broken Link refers to a hyperlink that no longer points to its original
destination. This could be for a variety of reasons: the page has been
moved, the page has been renamed.2
Tips
5 Quick and Easy Tricks by SiteProNews.com
a) Be sure that your URL is fully qualified and has ‘http://’ at the start of it
b) Don’t try to italicize or bold your website address
c) Put your URL on a new line
d) Don’t put punctuation after your URL
e) Preview your article and test your links
P4: Navigation
P4.6 Active Hyperlink (2/2)
Categories
Conditions
Description
a) All hyperlinks within the website must be active
b) Check to ensure that hyperlinks are active using Online Tool W3C Link
Checker: http://validator.w3.org/checklink
Informati
on
Gathering
Process
i.
Intranet is not considered as part of Broken Link
ii.
Files such as .jpg, .jpeg, .gif, .png, .css, .js, .ico, lang=bm, jsessionid are
not taken into consideration for the Broken Link test
iii.
Broken link that originates from other domain is not considered for
this criterion
1) Agency to submit the result of Online Tool W3C Link Checker:
http://validator.w3.org/checklink
HANDS-ON COACHING
Ini merupakan antara contoh tidak diambil kira “broken link” kerana berada
di luar domain agensi tersebut.
NON-MANDATORY
Pillar 2 : FUNCTIONALITY
1.Mobile Apps
2.Number of Online
Services
3.Notification of
Satisfaction
4.Aid, Tools and
Help Resources
5.Online Services
Security
6.Broadcast
7.Electronic Archives
8.W3C Disability
Accessibility
9.Frequently Ask
Question (FAQ)
10.Feedback
Form
11.Feedback
Notification
12.User Opinion
Features
13.Updates via
email or RSS
P2: Functionality
P 2 . 7 Mobile apps
Categories
Description
Definition
A mobile application refers as a type of application software designed to run on
a mobile device, such as a smartphone or tablet computer.1
Conditions
a) A quick link or an icon for the list of mobile applications provided by the
agency must be clearly displayed in the website
b) Mobile application that belongs to other agencies is not considered
for assessment of this criterion
P 2 . 7 Mobile apps
Definasi : Satu aplikasi mudah
alih merujuk apabila perisian jenis
permohonan mereka menjalankan di satu
peranti bergerak, seperti sebuah telefon
pintar atau tablet computer.
Galeri Aplikasi Mudah Alih Kerajaan Malaysia
• http://gamma.malaysia.gov.my/#/home
Contoh :
• myMQR
P2: Functionality
P2 . 8 Number of Online Services (1/2)
Categories
Definition
Description
• Number of Online Services refers to services that can be fully transacted
online. These includes:
i. Government to Citizens (G2C)
ii. Government to Business (G2B)
iii. Government to Government (G2G) services
• E-Payment is considered as an Online Service
• Intranet, Complaint and Feedback Forms are not considered as Online
Services
P2: Functionality
P2 . 8 Number of Online Services (2/2)
Categories
Conditions
Description
a) A minimum of 1 Online Services and maximum of 5 Online Services are to
be assessed
b) The Online Services provide end-to-end services without off-line
transaction requirement
c) The Online Services must be provided within the website domain
• For Online Services that are published outside the agency website’s
domain, the ownership information of the Online Services is to be
verified
d) The Online Services must be displayed on the main page and hyperlinked
to the location of the Online Services within the website (or the verified link
if it is outside of the website’s domain)
e) Intranet services, complaint and feedback form are not considered for this
criterion
Online Services Criteria
A group of criteria involving Online Services
P2 . 9 Notification of Transaction
Categories
Definition
Conditions
P2: Functionality
Description
Notification of Transaction refers to the notification sent to each user after
an online transaction is completed
a) All of the Online Service (identified on the Number of Online Services
criterion) must provide notification at the end of every transaction
b) A transaction that does not prompt any message or notification is
considered as non compliant for this criterion
HANDS-ON COACHING
Transaksi merujuk kepada pemberitahuan dihantar kepada setiap
pengguna selepas satu transaksi dalam talian disiapkan
P2: Functionality
P2 .10 Aid, Tools & Help Resources
Categories
Definition
Description
Aid, Tools & Help Resources refers to information that will aid users when
using Online Services
Examples:
i.
Tips
ii.
Guidelines
iii. Manual
iv. Flowchart
v.
Conditions
Video Tutorial
a) All of the Online Services (identified on the Number of Online
Services criterion) must have either one of the five examples
b) It must be made available on the main page of the respective online
services
c) Frequently Asked Question is not considered as part of this criterion
HANDS-ON COACHING
P2 . 11 Online Service Security
Categories
Definition
P2: Functionality
Description
Online Service Security refers to the security, authentication and protection
of data sent via Internet Protocol while using Online Services1
Conditions
a) At least one form of security measures must be provided in any of the
Online Services (identified on the Number of Online Services criterion)
b) Availability of the Public Key Infrastructure (PKI)
Examples:
•
SSL
•
Digital Certificate
•
Captcha
c) Any security measures provided must be prominently displayed on Online
Services pages
d) Online security that is provided by parent agency in a centralised
online service is not considered for this criterion
HANDS-ON COACHING
Perkhidmatan dalam Talian Sekuriti merujuk kepada keselamatan,
pengesahan dan perlindungan data dihantar melalui Protokol
Internet semasa menggunakan Online Services
Online Service Security
Online Services Criteria
A group of criteria involving Online Services
P2: Functionality
P2 . 12 Broadcast
Categories
Description
Definition
Broadcast refers to a section where announcements, news or latest updates in
the agency are being made.
Conditions
a) Announcement must be made available on the the Broadcast section.
The section should not be left blank.
b) In the case where no update / announcement available, the section
must display notification such as “No latest announcement is available”
c) An empty broadcast section without any notification as indicated in b)
is considered as non compliant
HANDS-ON COACHING
P2 .13 Electronic Archive (1/2)
Categories
Definition
P2: Functionality
Description
Policies /budget /legal documents
Refers to archive of policies, budget or legal documents for a minimum of the
previous one year
E-participation activities
Refers to archive of past e-participation events or initiative for a minimum of the
previous one year
Archive responses by government to citizen’s questions, queries and inputs
Refers to archive of previous responses given to citizens who had sent in their
questions, queries and input to the agencies via feedback form
Conditions
Policies /budget /legal documents
a) Documents listed must be for a minimum of the previous one year
b) Archive of other than policies / budget / legal documents documents is
considered as non compliant for this criterion
E-participation activities
All condition must be complied:
a) Events or initiatives listed must be for a minimum of the previous one year
b) Details of event must be displayed i.e. date, participant, feedback, outcome
c) Archive of list of the e-participation activities only is considered as non
compliant for thiscriterion
P2: Functionality
P2 .13 Electronic Archive (2/2)
Categories
Conditions
Description
Archive responses by government to citizen’s questions, queries and inputs
All condition must be complied:
a) The compilation of questions / queries/ inputs and responses from
the agency must be for a minimum of the previous one year
b) The compilation of questions / queries/ inputs and responses from the
agency must originate from the feedback form made available in
the agency website
c) Archive of information that is less than a year is considered as non
compliant
for this criterion
e-Penyertaan (e-Participation)
e-Penyertaan (e-Participation) ialah komunikasi dua (2) hala
pengguna, iaitu orang awam dan komuniti perniagaan terlibat
dalam proses penyediaan dan membuat keputusan dasar atau
program kerajaan.
Satu platform disediakan khusus untuk membolehkan pengguna
memberikan pandangan dan cadangan penambahbaikan
terhadap sesuatu isu atau perkara baharu yang akan dilaksanakan
oleh agensi.
Keputusan akhir yang dibuat oleh agensi atau kerajaan akan
diumumkan dan dikongsi bersama pengguna menggunakan
platform yang sama.
Platform e-Penyertaan disediakan melalui rangkaian sosial
seperti twitter, facebook, blog dan sebagainya. Agensi juga
disaran menyediakan halaman “Suara Anda” bagi
mengumpulkan maklum balas yang diberikan oleh pengguna.
Sumber: Pekeliling Kemajuan Pentadbiran Awam (PKPA) Bil. 2 Tahun 2015 ; PENGURUSAN LAMAN WEB AGENSI SEKTOR AWAM
HANDS-ON COACHING
HANDS-ON COACHING
Policies/budget/legal
documents
Archive responses by government to
citizen’s questions, queries and inputs
E-participation
activities
P2 .14 W3C Disability Accessibility (1/2)
Categories
Definition
P2: Functionality
Description
Level A
Level A refers to the compliance of Level A of Web Content
Accessibility Guidelines (WCAG) 2.0 that allows a disabled person to be
able to use the website
Accessibility for the visually impaired
Accessibility to the visually impaired refers to the ability of the website to allow
for a person who has sight loss that cannot be fully corrected using glasses
or contact lenses1 to access it
Conditions
Level A
a) Websites are required to comply with the requirements of WCAG 2.0
b) Usage of Online Tool: WAVE - http://wave.webaim.org/
c) Utilisation of other tool besides WAVE is considered as non compliant for
this criterion
Contoh
: www.kpkt.gov.my
P2: Functionality
P2 .14 W3C Disability Accessibility (2/2)
Categories
Conditions
Description
Accessibility for the visually impaired
a) The website must provide at least one of the following:
i.
Ability to change the font size
ii.
Ability to change the font type
iii.
Ability to change the background colour
b) Inconsistency of font size, type of background colour are considered as non
compliant for this criterion
1 http://www.nhs.uk/conditions/Visual-impairment/Pages/Introduction.aspx
HANDS-ON COACHING
Cara menyelesaikan error pada WAVE
1. Tiada alternative text pada imej.
Setiap imej perlu mempunyai alt=" " (alternative text) padanya.
Tanpa alternative text, definisi imej tidak dapat dipaparkan pada skrin apabila imej itu t
atau ianya tidak dapat dibaca oleh screen reader (audio).
alt=" " perlu diletakkan teks yang
mendefinisikan maksud imej padan
2. Tiada alternative text pada image yang mempunyai
hyperlink.
Setiap imej yang mempunyai hyperlink/pautan, perlu mempunyai alt=" " (alternative te
padanya. Tanpa alternative text, definisi imej tidak dapat dipaparkan pada skrin apabila
tiada atau ianya tidak dapat dibaca oleh screen reader (audio).
alt=" " perlu diletakkan teks yang
mendefinisikan maksud imej padany
3. Element pada form tidak mempunyai label padanya.
Setiap element tertentu pada form, perlu disertakan <label> bersamanya. Jika <label> tidak
disertakan, ianya tidak dapat dibaca oleh screen reader (audio). Penggunaan <label> juga dapat
memberikan paparan yang lebih jelas kepada pengguna yang disasarkan untuk menggunakan
form tersebut.
3. Element pada form tidak mempunyai label padanya.
Teks value untuk for=" " pada <label> perlu sama dengan id=" " pada <input> bagi
menyatakan label yang disertakan adalah untuk input tersebut. <label> tidak diperlu
pada imej, button atau hidden input fields.
Element yang memerlukan <label> bersamanya adalah:• input type="text"
• input type="checkbox"
• input type="radio"
• input type="file"
• input type="password"
• textarea
• select
4. <label> tidak mempunyai sebarang teks padanya.
<label> yang disertakan bersama element yang memerlukan <label>, tidak boleh
disertakan tanpa mempunyai sebarang teks padanya. Jika ia disertakan tanpa teks,
ianya tidak memaparkan sebarang informasi berkaitan borang tersebut kepada
pengguna.
5. Satu <label> hanya untuk satu element sahaja.
Untuk setiap element yang memerlukan <label>, hanya satu sahaja <label> yang
diperlukan untuk element tersebut. Jika terdapat dua <label> yang sama untuk satu
element, salah satu daripadanya harus dipadam.
6. Tajuk laman web pada element <title> tidak
sesuai atau laman web tidak mempunyai
element <title>
Tajuk laman web pada element <title> perlu sesuai dengan kandungan laman web
agar definisi serta fungsi sesebuah web dapat difahami oleh pengguna.
Tanpa tajuk yang sesuai, ramai pengguna (terutamanya mereka yang menggunakan
screen reader (audio) atau teknologi bantuan yang lain) mungkin menghadapi
kesukaran untuk mendapatkan informasi yang diperlukan dari laman web.
6. Tajuk laman web pada element <title> tidak
sesuai atau laman web tidak mempunyai
element <title>
atau
7. Element heading (h1, h2,h3, h4, h5, h6) tidak mempunyai
sebarang tajuk/teks padanya
Untuk sebahagian pengguna, khususnya yang menggunakan bantuan keyboard dan
screen reader (audio), mereka selalunya akan dipandu oleh heading element ini.
Oleh itu, jika element heading ini tidak mempunyai teks/tajuk padanya, agak sukar
untuk pengguna melayari web tersebut.
8. Button tidak mempunyai sebarang teks padanya.
Apabila fungsi button digunakan, ianya tidak boleh dibiarkan tanpa disertakan teks
yang dapat mendefinisikan fungsi butang tersebut.
9. Link tidak mempunyai sebarang teks.
Jika link tidak mempunyai teks padanya, fungsi atau tujuan link tersebut diletakkan
tidak dapat dipapar dan digunakan oleh pengguna. Masalah ini juga boleh
menimbulkan kekeliruan kepada pengguna yang bergantung pada teknologi
bantuan seperti screen reader.
10. Element table header (<th>) tidak mempunyai sebarang
teks.
Element <th> dapat membantu untuk memberikan informasi tepat kepada
pengguna berkaitan data yang terdapat pada setiap column dan row untuk table
tersebut.
Jika ianya bukan berfungsi
sebagai header atau perlu
dikosongkan, penggunaan
<td> lebih disarankan
berbanding <th>.
P2: Functionality
P2 .15 Frequently Asked Questions (FAQ)
Categories
Definition
Description
Frequently Asked Questions (FAQ) refers to the compilation of questions that
are frequently asked by the website users
Conditions
a) The questions and answers must be related to the agency
b) An empty FAQ section is considered as non compliant for this criterion
HANDS-ON COACHING
P2: Functionality
P2 . 16 Feedback Form
Categories
Definition
Conditions
Description
Feedback Form refers to the the opinion expressed by users on the website
functionality, usage experience or issues related to the agency
a) Feedback Form isworking/error-free
b) Enquiry must be sent through to the respective agency
c) Submission of Feedback Form that did not go through, and / or without
notification of successful transaction is considered as non compliant for
this criterion
HANDS-ON COACHING
P2: Functionality
P2 .17 Feedback Auto-Notification
Categories
Description
Definition
Feedback Auto-Notification refers to the notification prompted / displayed after
the submission of feedback by a user.
Conditions
a) The notification must provide information on the status of the feedback
form submission on whether it has been sent or received
b) The notification message must include the time frame for response from
the relevant officer
c) Notification without time frame is considered as non compliant for
this criterion
HANDS-ON COACHING
P2: Functionality
P2.18 User Opinion Features
Categories
Definition
Description
User Opinion Features refers to the features that share and display information
of user opinion and feedback that highlight trending topics
Some of the features that are commonly used by websites are tag clouds
and “hot topics”1
Conditions
a) The website must have at least one of the commonly used user opinion
features / highlight such as tag cloud and “hot topics”
b) The features above must be displayed in relation to user opinion such
as frequent search, user poll results and top keyword used for search
c) Empty tag clouds or “hot topics” are considered as non compliant for this
criterion
HANDS-ON COACHING
Tag
Cloud
HANDS-ON COACHING
“Hot Topic” boleh di ambil kira sebagai salah
satu kriteria “user opinion features”
P2: Functionality
P2 .19 Updates via Email or RSS
Categories
Definition
Description
Updates via Email or RSS refers to the feature whereby updates and latest
news of the agency can be subscribed by user via mailing list or RSS
Conditions
a) Users must be able to successfully subscribe to the email updates or RSS
b) The email updates or RSS must be updated on monthly basis
c) The “unsubscribe from list” option or link must be included in all emails sent
to the users
d) There are active email subscription and / or RSS feed
e) The email update and/or RSS must be relevant and related topics to the
agency (example: latest development on my agency's initiatives)
f)
Provision of RSS services without any feed or inactive email subscription
are considered as non compliant for this criterion
HANDS-ON COACHING
Contoh :
http://www.jpa.gov.my
http://www.spa.gov.my
P6.38 Achievement of Client’s Charter
Categories
P6: Online
Transparency
Description
Definition
Achievement of Client’s Charter refers to the measurement of client’s charter
compliance
Conditions
a) Achievement must be updated on monthly basis
b) The achievement of the previous two months must be included
e.g. When a user is accessing the website in the month of October, the
user must be able to view achievement of Client Charter for the months
of August.
c) Remarks is required to those agencies that do not measure the
achievement on monthly basis
d) Display of outdated achievement is considered as non compliant for
this criterion
HANDS-ON COACHING
Statistik perlu dikemaskini setiap bulan atau Pencapaian dua bulan
sebelumnya mesti dimasukkan
P6: Online
Transparency
P6.39 Statistic of Online Services
Categories
Definition
Conditions
Description
Statistic of Online Services refers to the measurement of the Online Services usage
a) Usage of all online services must be tracked
b) Tracking must be updated on monthly basis
c) Tracking of the past two months must be included
•
e.g. When a user is accessing the website in the month of October,
the user must be able to view Statistic of Online Services for the
months of August
d) Statistic of selected instead of all Online Services provided on the website
is considered as non compliant for this criterion
HANDS-ON COACHING
Contoh : http://www.jpa.gov.my
Tools
• Check Cascading Style Sheets (CSS) and (X)HTML
documents with style sheets : https://jigsaw.w3.org/cssvalidator/
• http://tools.pingdom.com/fpt/
• http://www.giftofspeed.com/request-checker/
- Check How Many Request
• http://csscompressor.com - Compress CSS
• http://www.minifyjavascript.com - Compress javascript.
* http://optimizilla.com – optimize images
* http://jpeg-optimizer.com - optimize images
•
Tools
* http://cssminifier.com/ - minify CSS dan
Javascript
* http://tools.w3clubs.com/cssmin/ - minify CSS
dan Javascript
* http://csssprites.com/ - CSS Sprite
* http://wave.webaim.org/ - WCAG 2.0
* http://webdevchecklist.com/ - checklist
Joomla
• You can set the GZip setting here:
Global Configuration > Server > Server Settings
> GZIP Page Compression
and the cache setting here:
Global Configuration > System > Cache
Settings > Cache
SEKIAN, TERIMA KASIH

Slaid Latihan Pemantapan Pembangunan Web dan Portal

Transcription

Similar documents

Kao Kalia Yang

Sambutan dari Kepala Galeri Nasional Indonesia S ejalan dengan

Pengurusan Landskap oleh Pihak Berkepentingan

Pendekatan Psikologi Dalam Pengurusan Efektif

TandaslMalaYSla Jasinraihgangsa

EDARAN IT SERVICES

KerajaanSelangoFmahuse[llq`fPBTgOnabahan`,bol

sessi 8 - Organisasi..

cocos islands dhs - Cocos Island District High School

File

mtd-ib assessment policy

Cerebral Palsy

pru13 - Ideas

i A SET OF INTEGRATED MATERIALS FOR GRADE X STUDENTS