STANDARD PRACTICE NATIONAL OCCUPATIONAL SKILLS STANDARD (NOSS) FOR; WEB DEVELOPMENT LEVEL 4

Transcription

1 STANDARD PRACTICE NATIONAL OCCUPATIONAL SKILLS STANDARD (NOSS) FOR; WEB DEVELOPMENT LEVEL 4 1. INTRODUCTION Since the early 1970 s, the Malaysian government has introduced various initiatives to facilitate the greater adoption of Information and Communication technology (ICT) to improve capabilities in every field including education, banking, administration, health, service, manufacturing and many more. Malaysia has a long term vision, referred to as Vision 2020 and this vision calls for sustained productivity driven growth, which will be achieved only with a technologically literate, critically thinking workforce prepared to participate fully in the global economy. Previously, ICT sector in Malaysia is divided into 5 sub sectors namely Creative Multimedia, System Architecture, Analysis and Design, Service Management and Delivery, Solution Development and Information Security. According to the Occupational Analysis (OA) findings published by Department of Skills Development (JPK), Ministry of Human Resources Malaysia, Web Development is defined under the subsector of Creative Multimedia. A web developer is a programmer who specializes in, or is specifically engaged in, the development of World Wide Web applications, or distributed network applications that are run over HTTP from a web server to a web browser. A web development personnel can be defined as a person who is responsible to perform coding and compiling using web-based and object oriented programming language and scripting, design web pages, sites or applications, carry out debugging activities on web-based and object oriented programming language and scripting, perform unit testing, perform unit maintenance, and carry out supervisory function. They listen to user requests and specifications and provide attractive and capable web applications. Developers guarantee built in features for security, compatibility and integration online. When building a website, developers assess the structure, appeal, purpose and security. They present the best recommendations and follow the decision of the client. As their reputation is important, a web developer works to create quality and functional web applications. They understand the necessity for quality customer service and rely on customers recommendations to prospective clients. Web developers can be found working in all types of organizations, including large corporations and governments, small and medium sized companies, or alone as freelancers. Some web developers work for one organization as a permanent full- i

2 time employee, while others may work as independent consultants, or as freelancers for other company. Web Developers must also have comprehensive knowledge of databases, servers, operating systems, animation, graphics, and networking. As qualifications are not as significant as expertise, professionals must ensure to have evidence of their skills whether they are hosted on internet sites or on a physical disk. Web Developers have a couple of possible career path options. One path would continue within a Development role, which would remain very hands on in coding. The second option is to move into a Software Architecture role, which is less development and more complex, high-level design. Either path may eventually lead to Project Management or Product Management roles, depending on the company and the individual interests. The Web Developer role is often confused with the Web Designer role. A Web Designer is very different from a Web Developer. A Web Developer works more on the server side development, web server configuration, and web server security. A Web Designer is a person that creates and arranges the pages that make up a website. Web Designers often have to balance how a page looks versus how a web page functions, which can involve some compromises. In order to become a Website Developer, a Web Designer would need to learn additional programming languages and methodologies, such as Object Oriented design and Java programming. Authorities and Regulator for ICT Industry:- a. Ministry of Information Communications & Culture b. Multimedia Development Corporation (MDEC) c. Malaysian Multimedia and Communication Commission (MCMC) d. Malaysian Technology Development Corporation (MTDC) e. Malaysian Intellectual Property Organisation (MIPO) Pre-requisite Based on the workshop findings, it was decided that the minimum requirement for those interested to enrol this course are as follows: SKM Level 3 Junior Multimedia Programmer or any certificate in related field. ii

3 2. OCCUPATIONAL STRUCTURE Web Development (Level 4) personnel comes under the sub-sector Creative Multimedia. Figure 1 and Figure 2 show the structured career path and area of Web Development (Level 4) personnel. The panel of experts had concluded that this job area starts from tier 4 due to requirement of broad range of complex technical or professional work activities, performed in a variety of contexts, and with substantial degree of personal responsibility and autonomy. Responsibility for the work of others and allocation of resources is often present. The panel experts had also proposed that Web Development job area should be put under Solution Development sub sector. This is because the natures of work for web development personnel are not limited to web designing only, but also involved coding and compiling using web-based and object oriented programming language and scripting, design sites or applications, debugging and maintaining databases. iii

4 Sector Sub Sector INFORMATION AND COMMUNICATION TECHNLOGY (ICT) CREATIVE MULTIMEDIA SOLUTION DEVELOPMENT Job Area Concept Design 2D Animation 3D Animation Web Design Software Development System Integration Level 8 Level 7 No Level Creative Director Principal Application Developer Senior Application Developer Principal System Specialist - System Integration Senior System Specialist - System Integration Level 6 Production Manager Application Developer System Specialist - System Integration Level 5 Lead Concept Artist Associate Application Developer Lead Modeler & Rigger Lead Lighting & Rendering Artist Lead Compositor Lead 3D Animator Senior Web Developer Associate Application Developer Associate System Specialist - System Integration Level 4 Concept Artist 2D Animator Modeler & Rigger Lighting & Rendering Artist Compositor 3D Animator Web Developer -No Level- Level 3 -No Level- Junior 2D Animator Junior 3d Animator -No Level- -No Level- Level 2 -No Level- -No Level- Level 1 -No Level- -No Level- Figure 1: Current Occupational Structure for Web Development (Level 4) Personnel iv

5 Sector INFORMATION AND COMMUNICATION TECHNLOGY (ICT) Sub Sector SOLUTION DEVELOPMENT Job Area Software Development Web Development System Integration Level 8 -No Level- Level 7 Solution Architecture Level 6 System Analysis Level 5 Software Development Web Development System Integration Level 4 Software Development Web Development System Integration Level 3 -No Level- Level 2 -No Level- Level 1 -No Level- Figure 2: Proposed Occupational Area Structure for Web Development (Level 4) Personnel v

6 3. DEFINITION OF COMPETENCY LEVEL The NOSS is developed for various occupational areas. Candidates for certification must be assessed and trained at certain levels to substantiate competencies. Below is a guideline of each NOSS Level as defined by the Department of Skills Development, Ministry of Human Resources Malaysia. Malaysia Skills Certificate Level 1 Malaysia Skills Certificate Level 2 Malaysia Skills Certificate Level 3 Malaysia Skills Diploma Level 4 Malaysia Skills Advanced Diploma Level 5 : Competent in performing a range of varied work activities, most of which are routine and predictable : Competent in performing a significant range of varied work activities, performed in a variety of contexts. Some of the activities are non-routine and required individual responsibility and autonomy. : Competent in performing a broad range of varied work activities, performed in a variety of contexts, most of which are complex and non-routine. There is considerable responsibility and autonomy, and control or guidance of others in often required. : Competent in performing a broad range of complex technical or professional work activities, performed in a variety of contexts, and with substantial degree of personal responsibility and autonomy. Responsibility for the work of others and allocation of resources is often present. : Competent in applying a significant range of fundamental principles and complex techniques across a wide and often unpredictable variety of contexts. Very substantial personal autonomy and often significant responsibility for the work of others and for the allocation of substantial resources features strongly, as do personal accountabilities for analysis, diagnosis, planning, execution and evaluation. vi

7 4. MALAYSIAN SKILLS CERTIFICATION Candidates after being assessed and verified and fulfilled Malaysian Skill Certification requirements shall be awarded with Diploma Kemahiran Malaysia (Malaysia Skills Diploma) in Web Development for Level JOB COMPETENCIES The Web Development (Level 4) personnel are competent in performing the following core competencies: Web Designing Web Design Development Web Database Development Web Programming Web Server Administration Web Quality Assurance Optionally, the Web Development (Level 4) personnel are competent in performing the following elective competencies: Multimedia Product Authoring and Integration 6. WORKING CONDITIONS Generally, a Web Development personnel typically works long hours, either as part of an in-house staff, professional service, or consulting organization, or on a contract basis. At smaller organizations, the Web development personnel will wear a variety of hats; at a larger organization, his or her role will be better defined. 7. EMPLOYMENT PROSPECTS Information and Communication Technology (ICT) has been recognised to have the transformational ability that would drive the country from P-economy to K-economy. With this transformation, the labour market for skilled workers and professionals in the ICT sector is very demanding. Based on MSC Malaysia Phase 2 Report, with the current trend of ICT sector in Malaysia, the industry is estimated to provide 110,000 in total for jobs and RM 5.5b investments by Thus, the Web Development Level 4 certificate holder can expect high employment prospect for local and international ICT establishments. Furthermore, the Economic Transformation Program has strengthened 10 EPPs (Entry Point Projects) to deliver RM16.6 billion incremental GNI by The first EPPs is to nurture Malaysia s creative content industry in services, distribution and vii

8 broadcasting sectors which aim to transform Malaysia into a regional hub for digital content. Meanwhile, the fourth EPPs are to establish E-Learning for students and professional training in a bid to establish a common knowledge platform for students and training into the same platform. With regard to these two themes under EPPs, they promise job opportunities in abundance for those who are interested in creative multimedia industry. Other related occupations with respect to employment opportunities are: Web Developer Web Designer Programmer Applications Developer Games Developer Graphic Designer IT Consultant Other related industries with respect to employment opportunities are: Advertising and marketing Broadcasting Telecommunication Publishing and media Education/training Production house 8. TRAINING INDUSTRIAL/PROFESSIONAL RECOGNITION, OTHER QUALIFICATIONS AND ADVANCEMENT 8.1 Training:- A professional recognition for this particular job title is given by the industry itself. But at this moment, there is no standard reference of professional qualification with respect to this particular job title. As for this workshop, input from expect panel were used to substantiate personal recognition in this field. 8.2 Industrial / Professional Recognition:- Multimedia Development Corporation (MDeC) Persatuan Animasi Malaysia (ANIMAS) The Association of Post Production & Animation Companies Malaysia (POSTAM) Perbadanan Kemajuan Filem Nasional Malaysia (FINAS) viii

9 9. SOURCES OF ADDITIONAL INFORMATION Multimedia Development Corporation (MDeC) MSC Malaysia Headquaters Persiaran APEC, 63000, Cyberjaya Selangor Darul Ehsan Telephone: , Fax: National IT Council (NITC) Secretariat c/o The Ministry Of Science, Technology and Innovation (MOSTI) Aras 1-7, Blok C4 dan C 5 Pusat Pentadbiran Kerajaan Persekutuan Putrajaya, Wilayah Persekutuan Telephone: Suruhanjaya Komunikasi dan Multimedia Malaysia Off Persiaran Multimedia Cyberjaya, Selangor Darul Ehsan Telephone: , Fax: Persatuan Industri Komputer dan Multimedia Malaysia (PIKOM) The National ICT Association of Malaysia 1106 & 1107, Block B, Phileo Damansara II No. 15, Jalan 16/11, Petaling Jaya Selangor Darul Ehsan, Malaysia Telephone: , Fax: ACKNOWLEDGEMENT The Director General of DSD would like to extend his gratitude to the organisations and individuals who have been involved in developing this standard. ix

10 11. NOSS DEVELOPMENT COMMITTEE MEMBERS WEB DEVELOPMENT LEVEL 4 PANEL OF EXPERTS 1 Ikhwan Nazri Bin Mohd Nasran 2 Mohd Nor Rizal Bin Yahya 3 Mohd Fuad Mahadi Bin Ya akob Web Developer Amanz Media Sdn Bhd Web Developer Self - Employed Art Director Adi Karya Sdn. Bhd. 4 5 Mohamad Syafrizal Bin Mohamad Sharif Muhammad Ikmal Ezzani Bin Ruslan Creative Mobile Developer Happy Ring Ring Sdn. Bhd. Web Application Developer/ Mobile Application Developer Ikez Network Sdn. Bhd. 6 Nusrah Binti Muhamad Romli 7 Situah Ariff Bin Zakaria 8 Syaiful Shah Bin Zinan Executive, Web Development Kiddie World Multimedia Sdn. Bhd. Manager, Head Of Subsidiary MMSC System Sdn. Bhd. (MSC Status Company) Graphic Designer & Web Developer Workspace Network FACILITATOR 9. Ahmad Ramdan Bin M. Yusof 10. Noraizah Binti Mohammad 11. Nurul Nadiah Binti Jaffar x

11 COMPETENCY PROFILE CHART (CPC) SECTOR SUB SECTOR JOB AREA INFORMATION AND COMMUNICATION TECHNOLOGY SOLUTION DEVELOPMENT WEB DEVELOPMENT NOSS TITLE WEB DEVELOPMENT LEVEL 4 JOB LEVEL FOUR (4) JOB AREA CODE COMPETENCY COMPETENCY UNIT CO R E WEB DESIGNING WEB DESIGN DEVELOPMENT WEB DATABASE DEVELOPMENT WEB PROGRAMMING WEB SERVER ADMINISTRATION WEB QUALITY ASSURANCE E MULTIMEDIA L PRODUCT E AUTHORING AND C INTEGRATION T I V E 1

12 COMPETENCY PROFILE (CP) Sub Sector Job Area SOLUTION DEVELOPMENT WEB DEVELOPMENT NOSS Title WEB DEVELOPMENT LEVEL 4 Level FOUR (4) CU Title CU Code CU Descriptor Work Activity Performance Criteria 1. Web Designing The CU title describes the competency in Web Designing. Web Designing competency unit describes the tasks of designing web pages to be displayed over the internet. Web design encompasses a number of important elements including colour, layout, graphical appearance and overall user experience. Web designers consider the site's audience, function, and web response time when deciding designs. 1. Identify web requirement 1.1 Web design and layout determined in accordance with user requirements 1.2 Web elements identified in accordance with web layout 2. Sketch web mock up 2.1 Web layout and element prepared in accordance with web requirements 2.2 Web sketches produced in accordance with web requirements 2

13 CU Title CU Code CU Descriptor Work Activity Performance Criteria The person who is competent in this CU shall be able to identify web requirement, sketch web mock up, design web mock up, verify designed web mock up and report web designing activities. The outcome of this CU is to produce web mock up in accordance with user requirements. 3. Design web mock up 3.1 Graphic tools determined 3.2 Basic layout drew in accordance with web requirements 3.3 Website size determined in accordance with web specifications 3.4 Design and concept determined in accordance with web requirements 3.5 Graphic elements designed in accordance with web layout 3.6 Digitized mock up produced in accordance with web requirements 4. Verify designed web mock up 4.1 Design, layout and elements produced in accordance with web requirements 4.2 Mock up compared with sketched web 4.3 QA endorsement acquired in accordance with Standard Operating Procedure (SOP) 3

14 CU Title CU Code CU Descriptor Work Activity Performance Criteria 5. Report web designing activities. 5.1 Web design presented and accepted in accordance with web requirement 5.2 Report documents produced in accordance with Standard Operating Procedure (SOP) 2. Web Design Development The CU title describes the competency in Web Design Development. Web design development is the process by which a web designer, working within the web's specification and makes decisions about how web components will accomplish the web's objectives. 1. Study web design mock up elements 1.1 Web elements determined in accordance with web specifications 1.2 Each element on mock up design checked and confirmed The person who is competent in this CU shall be able to analyse web design mock up elements, plan web design structure, transform mock up to static web pages, compile web templates to complete static website, verify developed static website and present static website. 2. Plan web design structure 2.1 Website structure / flow/ site map determined in accordance with web content 2.2 Mock up elements associated with web coding structure 4

15 CU Title CU Code CU Descriptor Work Activity Performance Criteria The objective of this CU is to create static website in accordance with user requirement. 3. Transform mock up to complete static web pages 3.1 Mock up elements sliced into web optimised images 3.2 Style sheet produced in accordance with web mock up 3.3 Mark up language structure defined 3.4 Mark up language structure prepared 3.5 Image/text arrange into mark up language in accordance with web mock up 3.6 Style sheet integrated with web pages 3.7 Web templates compiled to complete static website 4. Verify developed static website 4.1 Website link pointed to correct web pages 4.2 Broken link/ error / image/ style sheet checked 4.3 Optimised images checked in accordance with web requirements 5

16 CU Title CU Code CU Descriptor Work Activity Performance Criteria 5. Present static website 5.1 Static website presented and accepted in accordance with web specifications and user requirements 5.2 Report documents produced in accordance with Standard Operating Procedure (SOP) 3. Web Database Development The CU title describes the competency in Web Database Development. Web database development is the process to incorporate the web with set of data that define the process flow based on the web function and requirement. The person who is competent in this CU shall be able to identify web requirement, identify data association/relation, design database structure, create database structure, perform data manipulation, verify developed web database and report web database development activities. The objective of this CU is to create functional web database in accordance with web requirement. 1. Identify web requirement 1.1 Size of database determined in accordance with user requirements 2. Develop database table structure 1.2 Web database connection configuration determined 1.3 User with permission level determined in accordance with web specifications 2.1 Database column and data association determined in accordance with web database specifications 2.2 Data relation between database tables determined 6

17 CU Title CU Code CU Descriptor Work Activity Performance Criteria 3. Design database structure 3.1 Database model determine in accordance with web database specifications 3.2 Data modelling (cardinality) determined in accordance with web database specifications 3.3 Database structure design prepared in accordance with web database specifications 4. Create database structure 4.1 Connection with client s database established 4.2 Empty database prepared 4.3 Database tables produced based on web requirement 4.4 Database table populated with data set 4.5 Keys defined in accordance with web database specifications 7

18 CU Title CU Code CU Descriptor Work Activity Performance Criteria 5. Perform data manipulation 5.1 Database language determined in accordance with web database specifications 5.2 Data populated into database by running queries 5.3 External database tables imported in accordance with web database specifications 6. Verify developed web database 7. Report web database development activities 6.1 Parent-child association confirmed in accordance with web database specifications 6.2 Relation between database tables confirmed 7.1 Database relation charted into document 7.2 Entity-relationship diagrams documented in accordance with Standard Operating Procedure (SOP) 8

19 CU Title CU Code CU Descriptor Work Activity Performance Criteria 4. Web Programming The CU title describes the competency in Web Programming. This CU refers to the process of writing codes to create a functional website using a variety scripting language. The selection of the scripting language is based on functionality and web requirement. The person who is competent in this CU shall be able to identify web requirement, identify web application process flow, establish local development environment, develop web application, integrate web application with data, verify developed web application and present web application. The objective of this CU is to create web application with a functional web database in accordance with web requirement. 1. Identify web requirement 1.1 Web requirements interpreted 1.2 Web application language determined in accordance with web requirements 1.3 Web application structure defined in accordance with web requirements 1.4 Type of database determined in accordance with web requirements 1.5 Mark up language template defined in accordance with web requirements 1.6 Mock up design/web design template/static design for each element checked in accordance with web specifications 1.7 Element (section) defined in accordance with web design template/static design 1.8 Element (section) functionality determined in accordance with web requirements 9

20 CU Title CU Code CU Descriptor Work Activity Performance Criteria 2. Identify web application process flow 2.1 Website/ web application structure determined in accordance with web requirements 2.2 Dynamic functions listed in accordance with web requirements and elements (sections) in website/ web application 3. Establish local development environment 3.1 Web server specifications determined in accordance with web requirements 3.2 Web server set up in accordance with web requirements 3.3 Server program installed 3.4 Software development environment and database environment enabled 10

21 CU Title CU Code CU Descriptor Work Activity Performance Criteria 4. Develop web application 4.1 Each element (section) determined as web application function 4.2 Functions developed in accordance with website/ web application structure 4.3 Functions integrated with web design template/static website 4.4 Web application functionality confirmed and ready to be integrate with data in accordance with web requirements 5. Integrate web application with data 5.1 Web connection established with local database 5.2 Query implemented to manipulate data 5.3 Functions that require data determined 5.4 Functions integrated with data/database 11

22 CU Title CU Code CU Descriptor Work Activity Performance Criteria 6. Verify developed web application 6.1 Web application functions confirmed in accordance with web requirements 6.2 Series of check for any bug scenario scheduled 6.3 Debug and bug fixes executed 7. Present web application 7.1 Each dynamic function presented and accepted in accordance with web requirements 7.2 Report produced in accordance with Standard Operating Procedure (SOP) 5. Web Server Administratio n The CU title describes the competency in Web Server Administration. This CU is a process to install, configure, and manage a server to function as a web 1. Identify web requirement 1.1 User requirements interpreted 1.2 Number of user and size of data determined in accordance with web requirements 12

23 CU Title CU Code CU Descriptor Work Activity Performance Criteria server. The person who is competent in this CU shall be able to identify web requirement, establish web server, deploy web application to development server, perform web, server and database back up and produce server (configuration) document. The outcome of this CU is to make web server functional and accessible in accordance with web requirement. 2. Establish web server 2.1 HTTP Server (Web/ Application) installed 3. Deploy web application to development server 2.2 Installation on web browser verified 2.3 Root folder configured 2.4 Access right on folder/ directory set in accordance with web requirements 3.1 Web and database folder determined 3.2 Files transferred from local environment to development server 13

24 CU Title CU Code CU Descriptor Work Activity Performance Criteria 4. Perform web, server and database back up 4.1 File/folder to back up determined 4.2 Web, server and database backup executed in accordance with back up procedure 4.3 Back up log (script) generated 4.4 Back up file/folder compressed and encrypted 4.5 Content size and list of archive file verified in accordance with back up log 4.6 Back up file transferred to offsite location 5. Produce server (configuration) document 5.1 Server (configuration) document content determined 5.2 Server (configuration) document submitted 5.3 Report produced in accordance with Standard Operating Procedure (SOP) 14

25 CU Title CU Code CU Descriptor Work Activity Performance Criteria 6. Web Quality Assurance The CU title describes the competency in Web Quality Assurance. Quality assurance, with respect to the web development is the process to ensure that the website developed functions with minimum defects. 1. Identify web quality requirement 1.1 Web specifications determined in accordance with user requirements 1.2 Set of QA documents interpreted 1.3 Type of testing determined The quality assurance is not limited to bugs and error but covers usability and performance of the website developed among team members. The person who is competent in this CU shall be able to identify web quality requirement, perform compatibility test, perform crash test, perform debugging and bug fixing, validate bugfixes and produce quality testing report. The outcome of this CU to ensure web application is released in accordance with web quality standard. It must be noted that the candidate must be competent in Web Programming CU in order to proceed with this CU. 2. Perform compatibility test 2.1 Platform for compatibility testing prepared in accordance with web requirements 2.2 Quality testing carried out in all prepared testing platform 2.3 Testing result documented 3. Perform crash test 3.1 Key data attributes determined in accordance with web QA requirements 3.2 Crash test scenario prepared 3.3 Crash test carried out in accordance with testing procedure 3.4 Testing result documented 15

26 CU Title CU Code CU Descriptor Work Activity Performance Criteria 4. Perform debugging and bug fixing 4.1 Testing result analyzed 4.2 Debugging carried out in accordance with testing result 4.3 Solution proposed to eliminate bug 4.4 Bug fix confirmed by producing steps to reproduce document 5. Validate bugfixes 5.1 Bugfixes verified by going through steps to reproduce document 5.2 Bugs no longer exist during recreation process confirmed 6. Produce quality testing report 6.1 Result documents complied to produce changelog 6.2 Testing report submitted to superior in accordance with Standard Operating Procedure (SOP) 7. Multimedia Product Authoring and Integration The CU title describes the competency in Multimedia Product Authoring and Integration. Multimedia product authoring and integration is a vital process which 1. Identify multimedia programming language and tools 1.1 Product specification interpreted 1.2 Multimedia programming language and tools determined 16

27 CU Title CU Code CU Descriptor Work Activity Performance Criteria demands a vast knowledge of multimedia scripting and programming. During authoring and integration stage, all multimedia elements such as graphics, video, audio, etc are arranged in accordance with storyboard. The personnel who are competent in multimedia authoring and integration shall be able to compile multimedia elements, create integration scripts and debug multimedia application to make multimedia product alive. 2. Plan multimedia elements authoring and integration activities 3. Develop multimedia elements integration and scripting 2.1 Work process based on storyboard workflow prioritised 2.2 Multimedia element authoring and integration work schedule prepared 3.1 Multimedia product prototype developed 3.2 Coding flowchart prepared 3.3 Multimedia elements integrated 4. Optimise multimedia elements 4.1 Multimedia elements evaluated 4.2 Multimedia elements optimisation executed 5. Integrate multimedia application 5.1 UID among team members complied 6. Debug multimedia application 6.1 Resolve multimedia application errors 6.2 Store multimedia application 17

28 CU Title CU Code CU Descriptor Work Activity Performance Criteria 7. Produce multimedia authoring and integration report 7.1 Multimedia authoring and integration report prepared 7.2 Multimedia authoring and integration report presented to team members/ management 18

29 A SAMPLE OF WEB DESIGNING CURRICULUM of COMPETENCY UNIT (CoCU) For other CoCu, please buy at your nearest Department of Skill Malaysia office. Details at 19

30 CURRICULUM of COMPETENCY UNIT (CoCU) Sub Sector Job Area SOLUTION DEVELOPMENT WEB DEVELOPMENT NOSS Title WEB DEVELOPMENT LEVEL 4 Competency Unit Title WEB DESIGNING The person who is competent in this CU shall be able to produce web mock up in accordance with user requirements. Upon completion of this competency unit, trainee will be able to:- Learning Outcomes Identify web requirement Sketch web mock up Design web mock up Verify designed web mock up Report web designing activities Competency Unit ID Level 4 Training Duration 140 Hours Credit Hours Work Activities Related Knowledge Related Skills Attitude / Safety / Environment Training Hours Delivery Mode Assessment Criteria 1. Identify web requireme nt i. Web design ii. Web layout iii. User requirement 4 hours Lecture Group Discussion E-Learning Facilitated Case Study or Problem Based Learning (PBL) i. Web design selected in accordance with user requirement ii. Web layout criteria listed out in accordance with user requirement 20

31 Work Activities Related Knowledge Related Skills Attitude / Safety / Environment Training Hours Delivery Mode Assessment Criteria i. Determine web design ii. Determine web layout iii. Interpret user requirements Attitude: i. Detail and analytical in identifying web requirement 10 hours Demonstration Simulation Project Scenario Based Training (SBT) Coaching Observation Mentoring 2. Sketch web mock up i. Web layout and elements ii. Sketching technique iii. Sketching tools 5 hours Lecture Group Discussion E-Learning Facilitated Case Study or Problem Based Learning (PBL) i. Layout and element generated in accordance with web requirement ii. Web mock up sketches created in accordance with web requirement iii. Sketching technique and tools applied 21

32 Work Activities Related Knowledge Related Skills Attitude / Safety / Environment Training Hours Delivery Mode Assessment Criteria i. Prepare layout and element ii. Produce sketches Attitude: i. Knowledgeable in preparing layout and elements for the website ii. Creative and detail in producing sketches in accordance with web requirement iii. Adhere to company procedure 30 hours Demonstration Simulation Project Scenario Based Training (SBT) Coaching Observation Mentoring 22

33 Work Activities Related Knowledge Related Skills Attitude / Safety / Environment Training Hours Delivery Mode Assessment Criteria 3. Design web mock up i. Graphic tools Image Manipulation software (Photoshop) Vector drawing software (Illustrator) Digital Drawing Tablet (Graphic tablet/ mouse) ii. Web design iii. Web concept i. Identify graphic tools ii. Draw basic layout iii. Choose website size iv. Select design and concept v. Design graphic elements vi. Produce digitized mock up 10 hours Lecture Group Discussion E-Learning Facilitated Case Study or Problem Based Learning (PBL) 60 hours Demonstration Simulation Project Scenario Based Training (SBT) Coaching Observation Mentoring i. Graphic tools selected ii. Look and feel of the design determined iii. Basic layout generated iv. Design and concept of web mock up selected in accordance with web requirement v. Graphic elements designed in accordance with web requirement vi. Digitized mock up created in accordance with web requirement Attitude: 23

34 Work Activities Related Knowledge Related Skills Attitude / Safety / Environment Training Hours Delivery Mode Assessment Criteria i. Knowledgeable in producing designs in accordance with web requirement ii. Creative in drawing basic layout iii. Detail and knowledgeable in producing digitized mock up 4. Verify designed web mock up i. Web design requirements ii. Standard Operating Procedure (SOP) 4 hours Lecture Group Discussion E-Learning Facilitated Case Study or Problem Based Learning (PBL) i. Web mock up design, layout and elements generated in accordance with web requirement ii. Web mock up 24

35 Work Activities Related Knowledge Related Skills Attitude / Safety / Environment Training Hours Delivery Mode Assessment Criteria i. Produce web mock up design, layout and elements ii. Compare mock up with sketch iii. Obtain QA endorsement Attitude: i. Meticulous and details in comparing mock up with produced sketch 10 hours Demonstration Simulation Project Scenario Based Training (SBT) Coaching Observation Mentoring checked based on produced sketch iii. QA endorsement acquired in accordance with Standard Operating Procedure (SOP) ii. Adhere to company procedure 5. Report web designing activities i. Report format ii. Reporting hierarchy/ procedure iii. Standard Operating Procedure (SOP) i. Determine report format 25 2 hours Lecture Group Discussion E-Learning Facilitated Case Study or Problem Based Learning (PBL) 5 hours Demonstration Simulation i. Web design submitted, presented and approved ii. Web designing activities and feedback documented iii. Web designing report generated in accordance with Standard Operating

36 Work Activities Related Knowledge Related Skills Attitude / Safety / Environment Training Hours Delivery Mode Assessment Criteria ii. Identify reporting hierarchy iii. Present web design iv. Produce report Attitude: i. Detail and systematic in preparing web designing activities report Project Scenario Based Training (SBT) Coaching Observation Mentoring Procedure (SOP) and company procedure ii. Adhere to company reporting procedure 26

37 Employability Skills Core Abilities Social Skills Develop and negotiate staffing plans Prepare project/work plans Utilize science and technology to achieve goals Allocate and record usage of financial and physical resources Delegate responsibility and/or authority Coordinate contract and tender activities 1. Communication skills 2. Conceptual skills 3. Interpersonal skills 4. Learning skills 5. Leadership skills 6. Multitasking and prioritizing Identify and analyse effect of technology on the environment 7. Self-discipline Teamwork Tools, Equipment and Materials (TEM) ITEMS 1. Stationery 2. Image Manipulation Software 3. Vector Drawing Software 4. Digital Drawing Tablet (optional) 5. Computer 6. Projector 7. Project Report Standard Operating Procedure (SOP) 8. Sample of User Requirement Documents 9. Sample of Mock Up RATIO (TEM: Trainees) 1:1 1:1 1:1 1:1 1:1 As required 1: 25 1: 25 1: 25 27

38 References REFERENCES 1. Ellen Lupton (2004), Thinking with Type: A Primer for Designers: A Critical Guide for Designers, Writers, Editors, & Students, Princeton Architectural Press, ISBN-13: Patrick McNeil (2010), The Web Designer's Idea Book, Vol. 2: More of the Best Themes, Trends and Styles in Website Design (1 st Edition), HOW Books, ISBN-13: Jason Beaird (2010), The Principles of Beautiful Web Design (2 nd Edition), SitePoint, ISBN-13: Brian Miller (2011), Above the Fold: Understanding the Principles of Successful Web Site Design, HOW Books, ISBN-13: Jennifer N. Robbins (2012), Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics (4 th Edition), O Reilly Media, ISBN-13: