City f Dublin Educatin & Training Bard Prgramme Mdule fr Web Develpment leading t Level 6 QQI Versin 3
Intrductin This prgramme mdule may be delivered as a standalne mdule leading t certificatin in a QQI minr award. It may als be delivered as part f an verall validated prgramme leading t a Level 6 QQI Certificate. The teacher/tutr shuld familiarise themselves with the infrmatin cntained in City f Dublin Educatin & Training Bard s prgramme descriptr fr the relevant validated prgramme prir t delivering this prgramme mdule. The prgramme mdule is structured as fllws: 1. Title f Prgramme Mdule Web Develpment 2. QQI Cmpnent Title and Cde Web Develpment 6N17881 3. Duratin in hurs 150 4. Credit Value f QQI Cmpnent 15 Credits 5. Status 6. Special Requirements 7. Aim f the Prgramme Mdule The prgramme mdule aims t prvide the learner with knwledge, skills and capacity t design, develp and update mdern, dynamic and respnsive websites. 8. Objectives f the Prgramme Mdule 9. Learning Outcmes 10. Indicative Cntent 11. Assessment a. Assessment Technique(s) b. Mapping f Learning Outcmes t Assessment Technique(s) c. Guidelines fr Assessment Activities 12. Grading 13. Learner Marking Sheet(s), including Assessment Criteria Integrated Delivery and Assessment The teacher/tutr is encuraged t integrate the delivery f cntent where an verlap between cntent f this prgramme mdule and ne r mre ther prgramme mdules is identified. This prgramme mdule will facilitate the learner t develp the academic and vcatinal language, literacy and numeracy skills relevant t the themes and cntent f the mdule. Versin 3 2
Likewise the teacher/tutr is encuraged t integrate assessment where there is an pprtunity t facilitate a learner t prduce ne piece f assessment evidence which demnstrates the learning utcmes frm mre than ne prgramme mdule. The integratin f the delivery and assessment f level 6 Cmmunicatins and level 6 Mathematics mdules with that f ther level 6 mdules is specifically encuraged, as apprpriate. Indicative Cntent The indicative cntent in Sectin 10 des nt cver all teaching pssibilities. The teacher/tutr is encuraged t be creative in devising and implementing ther appraches, as apprpriate. The use f examples is there t prvide suggestins. The teacher/tutr is free t use ther examples, as apprpriate. The indicative cntent ensures all learning utcmes are addressed but it may nt fllw the same sequence as that in which the learning utcmes are listed in Sectin 9. It is the teacher s/tutr s respnsibility t ensure that all learning utcmes are included in the delivery f this prgramme mdule. Versin 3 3
1. Title f Prgramme Mdule Web Develpment 2. Cmpnent Name and Cde 3. Duratin in Hurs 150 Hurs (typical learner effrt, t include bth directed and self directed learning) 4. Credit Value 15 Credits 5. Status This prgramme mdule may be cmpulsry r ptinal within the cntext f the validated prgramme. Please refer t the relevant prgramme descriptr, Sectin 9 Prgramme Structure 6. Special Requirements NONE 7. Aim f the Prgramme Mdule This prgramme mdule aims t enable students t develp and assess mdern, standards cmpliant websites, using apprpriate tls. 8. Objectives f the Prgramme Mdule Understand the histry and develpment f the Wrld Wide Web up t the current day Design and develp standards cmpliant websites, using HTML and CSS Use scripting languages t, securely, develp and maintain multi-tier dynamic websites Analyse and assess websites with regard t usability, accessibility and visibility t search engines. T assist the learner t develp the academic and vcatinal language, literacy and numeracy skills related t Web Develpment thrugh the medium f the indicative cntent T enable the learner t exercise substantial persnal autnmy and respnsibility. Versin 3 4
9. Learning Outcmes f Level 6 Learners will be able t: 1. Determine hw and when t use Cascading Style Sheets (CSS) and demnstrate understanding f the differences between CSS versins and their uses 2. Describe a multi tier web architecture t supprt dynamic web cntent 3. Outline the differences between Web 1.0, Web 2.0 and beynd 4. Explain and illustrate the difference between respnsive and nn respnsive web design 5. Examine the develpment and evlutin f the mst recent versin f HTML and create web pages with the mst recent HTML cmpliant tags 6. Use at least ne industry standard tl r CMS t develp websites. 7. Address security issues assciated with implementing dynamic web cntent 8. Perfrm usability and accessibility assessments n new and existing websites 9. Write, implement, and maintain web scripts using a secure scripting language 10. Develp web pages and cntent that cnfrm t internatinal standards e.g. W3C, Universal Design, and Accessibility 11. Develp and test crss platfrm / crss brwser websites 12. Create an interactive website integrating a wide range f multimedia cntent 13. Discuss the frmat f web pages and their cntents including html cde up t latest versins 14. Emply dynamic and persistent data technlgies e.g. JSON 15. Implement web design techniques such as wire framing fr cnceptual layuts 16. Hst, maintain and update a variety f website cntent 17. Utilise search engine ptimisatin (SEO) techniques t successfully prmte a website. Versin 3 5
Outcmes 3, 4, 5, 13 10. Indicative Cntent Sectin 1 : Html&CSS Histry and Develpment Outline the difference between Web 1.0, Web 2.0 and beynd. Facilitate the learner t Investigate the histry f HTML t include Web 1.0, Web 2.0 and beynd Explain and illustrate the Difference between respnsive and nn respnsive web design Facilitate the learner t understand: The term Respnsive Web Design Describe the difference between Respnsive, Adaptive and Mbile websites Enable the learner t Create pages using flexible layuts Create pages using media queries Use flexible media in web page creatin Examine the develpment and evlutin f the mst recent versin f HTML and Create web pages with the mst recent HTML cmpliant tags Discuss the frmat f web pages and their cntents including html cde up t latest versins Enable the Learners t : Define the term HTML Be aware f different versins f HTML Identify deprecated and nn-deprecated tags and attributes Illustrate a wrking knwledge f tags and attributes Learners shuld knw hw t: Migrate frm ne versin f HTML t anther Understand HTML Brwser Supprt Versin 3 6
Learners shuld be able t Add New Elements t HTML. Understand What Semantic Elements are?, New Semantic Elements in HTML t include :<article>,<aside>, <details>, <figcaptin>, <figure>, <fter>, <header>, <main>, <mark> <nav> <sectin> <summary> <time> Be able t validate their HTML markup using HTML validatrs Outcmes 1, 8, 10, 11, 12 15, Sectin 2: Design and develp standards cmpliant websites Determine hw and when t use Cascading Style Sheets (CSS) and demnstrate an understanding f the differences between CSS versins and their uses Facilitate the learner t understand A Definitin f CSS and understanding f CSS CSS3 The benefits f CSS CSS specificatins WC3 CSS rules ( selectr, prperty, value, style inheritance, specificity) Default styles Brwser supprt fr CSS Develp and test crss platfrm / crss brwser websites Perfrm usability and accessibility assessments n new and existing websites Facilitate the user t assess a new r existing website with regard t: Site Navigatin Readability Site Speed User Experience Examine the accessibility f a site thrugh: Use f HTML accessibility tags Semantic HTML markup Clur Chice Versin 3 7
Crss Brwser/Platfrm cmpatibility Develp web pages and cntent that cnfrm t internatinal standards e.g. W3C, Universal Design, and Accessibility Create an interactive website integrating a wide range f multimedia cntent Facilitate learners t understand the imprtance f Structure: layut f pages; navigatin; frmat f cntent and cascading style sheets (CSS); interactive features e.g. catalgue f prducts, shpping cart; images; animatin Cntent: prfed, crrect and apprpriate; infrmatin surce; structured fr purpse e.g. prse, bullets, tables Tls and techniques: navigatin diagram e.g. linear, hierarchy, matrix; building interactivity tls e.g. animatin; audi/visual elements; ensuring cmpliance with W3C; meta tagging; cascading style sheets Review: functinality testing e.g. user envirnments, links, navigatin; cntent; check against user requirements; user acceptance; audit trail f changes. Implement web design techniques such as wire framing fr cnceptual layuts Facilitate learners t understand hw t: Evaluate Why Wireframes are used Understand the purpse f wire-framing and use f design techniques in the fllwing design areas: Layut: What interface elements will be used? Where will the elements be placed? Which items are related t each ther and shuld be gruped? Pririty: What are the key elements that yu want users t ntice first? What d yu want a user t d when he r she arrives at a page? Cntent: What cntent shuld be present n a page? Is text enugh r shuld there be images and vides as well? Which ptins shuld UI elements like drp-dwn lists r pp-up menus cntain? Navigatin: Hw will users mve arund and interact with the site? Will there be a sitewide navigatin menu r any ther guidance? Des the website prvide a search functin? Functinality and behaviur: Hw des a page respnd t user input? Will an actin Versin 3 8
require a full page refresh? Hw will frm validatin errrs be handled? Be aware f varius Wireframing tls e.g. Pwermckup, Balsamiq Mckup Use wireframes r similar design techniques fr website design Apprpriate use f clrs in relatin t clr thery Learning Outcmes 16, 17 Sectin 3 A Hsting a Website Hst, maintain and update a variety f website cntent Facilitate the learner t understand the fllwing: Hsting a Site Intrductin t servers Understand the different types f hsting prviders Chsing server features Getting a dmain name Purchasing a dmain Setting up a Cding Envirnment Setting up FTP accunts Using FTP client Granting additinal FTP access Setting up Emails Setting up webmail and frwards Passwrd Prtectin Prtecting user infrmatin Prtecting directries Update website cntent Keep website cntent current Utilise search engine ptimisatin (SEO) techniques t successfully prmte a website. Versin 3 9
Facilitate learners t understand: What is Search Engine Optimizatin (SEO)? Why des my website need SEO? Hw search engines perate Hw peple interact with search engines Keywrd Research The impact f usability and user experience n search engine ranking The imprtance f Links in SEO Search engine tls and services Web analytics Sectin 4 Using scripting Languages Outcmes 2, 6, 7, 9, 14 Describe a multi tier web architecture t supprt dynamic web cntent Explain the terms client, server, middleware Explain the functins f database server and explain hw it differs frm a desktp database system. Describe the benefits f a multi-tier architecture Prvide an Overview and describe the benefits f Multitier Architecture Use industry standard tls r CMS t develp websites. Explain the functins f cntent management system. Describe where a CMS might be mre apprpriate fr a client. Dwnlad and install a CMS, e.g. WrdPress and install it n a lcal web server fr develpment and testing. Use themes t custmise the appearance f the site Versin 3 10
Custmise elements f themes t make it individual t the site. e.g. Change images, layut, etc. Create custm frmats fr user cntent. E.g. custm psts in Wrdpress. Create Menus t rganise the cntent f the site lgically. Address security issues assciated with Dynamic Web Cntent. Describe cmmn attacks n dynamic web sites, e.g. SQL injectin, crss site scripting Test all SQL fr vulnerability t SQL injectin Use a vulnerability scanner t test websites fr vulnerabilities, e.g. skipfish Use crrect encryptin techniques fr the saving f sensitive data in databases Write implement and maintain web scripts using a secure scripting language Server Side Scripting Create a script t cnnect t a database server and retrieve sme data Write cde that demnstrates cmmn ways f displaying results frm a database query, e.g. tables, lists Create scripts that allw the creatin, updating and deletin f data in the database. Using HTML frms and apprpriate server side scripts. Client Side Scripting Use client side scripts t: Validate frm input Manipulate cntent n a page fr effect, e.g. sliding panels, cycling images, etc. Use the Dcument Object Mdel t get and set attributes f elements n a page, e.g. Textbxes labels D basic calculatins, e.g. calculate the ttals n an rder page Versin 3 11
Get and set ckie values Use Ajax t perfrm asynchrnus updates t a page Emply Dynamic and Persistent Data Technlgies Create a script t parse and display data frm a JSON file. Use HTML5 persistent data Versin 3 12
11. Assessment 11a. Assessment Techniques Skills Demnstratin 60% (Practical) Exam (Thery) 40% 11b. Mapping f Learning Outcmes t Assessment Techniques In rder t ensure that the learner is facilitated t demnstrate the achievement f all learning utcmes frm the cmpnent specificatin; each learning utcme is mapped t an assessment technique(s). This mapping shuld nt restrict an assessr frm taking an integrated apprach t assessment. Learning Outcme 1. Determine hw and when t use Cascading Style Sheets (CSS) and demnstrate understanding f the differences between CSS versins and their uses 2. Describe a multi tier web architecture t supprt dynamic web cntent Assessment Technique Skills Demnstratin Exam 3. Outline the differences between Web 1.0, Web 2.0 and beynd Exam 4. Explain and illustrate the difference between respnsive and nn respnsive web design 5. Examine the develpment and evlutin f the mst recent versin f HTML and create web pages with the mst recent HTML cmpliant tags Exam Skills Demnstratin & Exam 6. Use at least ne industry standard tl r CMS t develp websites. Skills Demnstratin 7. Address security issues assciated with implementing dynamic web cntent Exam 8. Perfrm usability and accessibility assessments n new and existing websites 9. Write, implement, and maintain web scripts using a secure scripting language 10. Develp web pages and cntent that cnfrm t internatinal standards e.g. W3C, Universal Design, and Accessibility Skills demnstratin Skills Demnstratin Skills Demnstratin 11. Develp and test crss platfrm / crss brwser websites Skills Demnstratin 12. Create an interactive website integrating a wide range f multimedia cntent Skills Demnstratin Versin 3 13
13. Discuss the frmat f web pages and their cntents including html cde up t latest versins Exam 14. Emply dynamic and persistent data technlgies e.g. JSON Skills Demnstratin 15. Implement web design techniques such as wire framing fr cnceptual layuts Skills Demnstratin 16. Hst, maintain and update a variety f website cntent Skills Demnstratin 17. Utilise search engine ptimisatin (SEO) techniques t successfully prmte a website Skills Demnstratin Versin 3 14
11c. Guidelines fr Assessment Activities The assessr is required t devise assessment briefs and marking schemes fr the Skills Demnstratins/examinatin papers, marking schemes and utline slutins fr the examinatin. In devising the assessment briefs/examinatin papers care shuld be taken t ensure that the learner is given the pprtunity t shw evidence f achievement f ALL the learning utcmes. Assessment briefs may be designed t allw the learner t make use f a wide range f media in presenting assessment evidence, as apprpriate. Quality assured prcedures must be in place t ensure the reliability f learner evidence. Exam 40% Learner will undertake a written examinatin f nt less than tw hurs duratin. The learner will cmplete a written exam cntaining 5 structured questins cvering the fllwing Learning Outcmes 2, 3, 4, 5, 7, 13 The exam will cnsist f 5 structured questins: 8 marks each Structured questins are divided int a number f related parts and generally require the learner t demnstrate mre in-depth knwledge and understanding f a tpic. All instructins fr the learner must be clearly utlined in an examinatin paper Versin 3 15
Skills Demnstratin 1 Assessment Technique 2 30% The learner will cmplete an assignment ver a perid f n mre than 4 6 weeks Skills Demnstratin 1 35% Over multiple sessins thrughut the year as the required learning utcmes have been delivered, the learner will demnstrate skills frm learning utcmes 1, 5, 6, 8, 9 10, 11, 12 14, 15, 16. 17 The assessr will devise a brief which will require students t develp a website. The website shuld cver the fllwing areas: SD 1 a Design a website LO 15 Use apprpriate wire-framing techniques t design a website apprpriate t its purpse. SD 1b Create a website LOs 1, 5, 17, 10,12 All HTML validates crrectly via W3C HTML Validatin Service Apprpriate use f CSS selectrs t target specific elements Apprpriate use f relevant CSS prperties t style page elements as specified in the brief Apprpriate use f clrs based n an understanding f clr thery Apprpriate use f size units fr mdifying element prperties such as margin, padding, brder size Demnstrated understanding f typgraphical cncepts. Demnstrated understanding f accessibility cncepts and best practices. Demnstrated understanding f current HTML and its uses. Demnstrated understanding f current CSS and its uses. Apprpriate use f abslute and relative URLs fr related images, CSS files, and hyperlinks. All links wrk as expected. All images display prperly and as specified in the brief. Apprpriate use f flders t rganize files n the web server. Apprpriate file names (based n best practices as described in brief). Apprpriate use f HTML and CSS cmments. SD 1c Hsting a website LOs 16 Create a dmain and hst a website n it, students can use paid fr, free r lcal hsting. Versin 3 16
SD 1d Testing a website LO 11 LO 8 Test the cmpleted website with regard t Usability - effective navigatin, clarity f presentatin Accessibility ensure the site is accessible thrugh screen readers, etc. including, Using alternate text in image tags Using apprpriate HTML5 tags, e.g. article, header, sectin, etc. Crss brwser cmpatibility Skills Demnstratin 2 15% The learner will cmplete an assignment ver a perid f n mre than 3 t 4 weeks Over multiple sessins thrughut the year as the required learning utcmes have been delivered, the learner will demnstrate skills frm learning utcmes LO 9 LO 14 The assessr will devise a brief which will require students t demnstrate: Use f Client Side Scripting Use client side scripts t and include any six f the fllwing: Validate frm input, sliding panels, cycling images, image gallery, update ttals, rllvers, pen windw, dynamic update, ckies. Use f Server Side Scripting: Use Ajax t perfrm asynchrnus updates t a page Skills Demnstratin 3 10% The learner will cmplete an assignment ver a perid f n mre than 2 weeks Over multiple sessins thrughut the year as the required learning utcmes have been delivered, the learner will demnstrate skills frm learning utcmes LO 6 The assessr will devise a brief which will require students t create a website using CMS Installing a CMS accunt i.e. WrdPress, Jmla accunt Adding Pages and Navigatin in CMS i.e. WrdPress, Jmla Wrking with templates Build cntent by creating new psts Categrize and arrange pst int an rganised fashin Categrize and srt pages int an rganised fashin 12. Grading Distinctin: 80% - 100% Merit: 65% - 79% Pass: 50% - 64% Unsuccessful: 0% - 49% Versin 3 17
At levels 4, 5 and 6 majr and minr awards will be graded. The grade achieved fr the majr award will be determined by the grades achieved in the minr awards. Versin 3 18
Learner Marking Sheet 1 Skills Demnstratin 60% Learner s Name: Learner s PPSN: Assessment Criteria Skills Demnstratin 1 30% Maximum Mark Learner Mark Design a website shwing use f current standards in Html and CSS, apprpriate use f clrs and unit sizes Create a website using apprpriate use f URLs, links, images, flders, and filenames. Crrect use f Html and CSS cmments Hst a website shwing an understanding f typgraphical and accessibility cncepts Test a Website 5 15 10 5 Skills Demnstratin 2 20% Subttal 35 Create a webpage using CMS Install accunt, create pages with navigatin, use a template. Style the page, add new psts. 5 6 4 Skills Demnstratin 3 10% Subttal 15 Use f Client Side Scripting Use client side scripts t and include any six f the fllwing: Validate frm input, sliding panels, cycling images, image gallery, update ttals, rllvers, pen windw, dynamic update, ckies. Use f Server Side Scripting: Create a script t cnnect t a database server and retrieve sme data Write cde that demnstrates cmmn ways f displaying results frm a database query, e.g. tables, lists 6 2 2 Subttal 10 Ttal Mark 60 Assessr s Signature: Date: External Authenticatr s Signature: Date: Versin 3 19
Web Develpment 6N1277 Learner Marking Sheet 2 Examinatin Thery 40% Learner s Name: Learner s PPSN: Assessment Criteria Sectin A: Answer all questins Maximum Mark Learner Mark Questin N.1 8 Questin N.2 Questin N.3 Questin N.4 Questin N.5 8 8 8 8 Ttal Mark 40 Assessr s Signature: Date: External Authenticatr s Signature: Date: Versin 3 20