ITE330 Web Systems. Upon successful completion of the course, a student should be able to do the following:

Transcription

1 Cmputer Science Department cs.salemstate.edu ITE330 Web Systems 4 cr. Catalg descriptin: This curse prvides an intrductin t web systems and technlgies, including an verview f architecture f a website, implementatin, evaluatin and testing f web-based applicatins and prgramming aspects f web develpment (web cntent develpment, markup languages cding, clientside and serve-side applicatin develpment). Tpics include understanding f Web standards, descriptin f basic cmpnents f a website, general principles f web interface design and develpment, use f databases, multimedia, and structure f the interface between a website and the Internet. Scial, ethical and legal issues f web usage (e-cmmerce, scial netwrks, etc.) will als be discussed. Three lecture hurs and three hurs f scheduled labratry per week. Prerequisite(s): ITE105, ITE201 Curse Narrative: The emphasis f this curse is n a thrugh understanding f the architecture, rganizatin and data flw thrugh websites. Students will learn t use markup languages t design web cntent and analyze webbased client-side and server-side applicatins. The curse als cvers methdlgies, standards, techniques, and tls that are used t create websites frm analyzing user s requirements t the creatin f a website. Students will als expand their knwledge n integrating databases with web applicatins, errr handling and validatin f data in web applicatin, understanding web services and web standards. Students will be installing, using and managing pen surce sftware packages and will becme familiar with prpriety sftware related t website develpment. Persnal awareness f their brwsing habits nline wuld be imprved. Labs, included in the curse, allw students t exercise hands-n use f markup languages used t create web pages, use f different multimedia frmats in web cntent, and cnnecting t backed database using web applicatins. In essence, during the labs, students will be learning the cncepts by fllwing the prvided instructins fr hands-n practice prjects at the end f each chapter. At the end f the semester they will have a functinal website with database integratin. Gals: Upn successful cmpletin f the curse, a student shuld be able t d the fllwing: G1: identify basic cmpnents f the web and describe ppular uses f the web G2: describe cre elements (sftware and hardware) f web server and client systems G3: understand standards and prtcls used by the web G4: understand and utilize techniques and tls used t design and create web cntent

2 G5: describe techniques, tls, and rganizatinal methds used t prmte the web Curse Objectives: Upn successful cmpletin f the curse, a student will have demnstrated the ability t: O1: apply crrect technical terminlgy when describing main cmpnents f the web; O2: identify the main cmpnents f a website and web applicatins that satisfy custmer needs; O3: demnstrate ability t analyze user s requirements, chse prper techniques used t design and create web cntent, and demnstrate applicatin f these techniques in practice (applying infrmatin rganizatin techniques, creating web pages, chsing prper digital media, etc.); O4: demnstrate awareness f web standards bdies and the ability t understand and utilize their dcuments and prcedures; O5: demnstrate knwledge f client-server cmputing and the ability t use this knwledge during implementatin; Prgram Objective / Curse Objective matrix (Fr ABET Accreditatin Purpses) (The fllwing Matrix maps the Prgram Objectives fr Infrmatin Technlgy Prgram utlined by Accreditatin Bard f Engineering Technlgy (ABET) with the Curse Objectives. The check marks belw the curse bjective represent that thse curse bjectives accmplish specific prgram bjectives set frth by ABET. The prgram bjectives that have a * in frnt f them means that that curse des nt address thse prgram bjectives.) Prgram Objective O1 O2 O3 O4 O5 PO-A: An ability t apply knwledge f cmputing and mathematics apprpriate t the prgram s student utcmes and t the discipline. PO-B: An ability t analyze a prblem, and identify and define the cmputing requirements apprpriate t its slutin. PO-C: An ability t design, implement, and evaluate a cmputer-based system, prcess, cmpnent, r prgram t meet desired needs. *PO-D: An ability t functin effectively n teams t accmplish a cmmn gal. *PO-E: An understanding f prfessinal, ethical, legal, security and scial issues and respnsibilities. *PO-F: An ability t cmmunicate effectively with a range f audiences. *PO-G: An ability t analyze the lcal and glbal impact f cmputing n individuals, rganizatins, and sciety. *PO-H: Recgnitin f the need fr and an ability t engage in cntinuing prfessinal develpment. PO-I: An ability t use current techniques, skills, and tls necessary fr cmputing practice.

3 Prgram Objective O1 O2 O3 O4 O5 PO-J: An ability t use and apply current technical cncepts and practices in the cre infrmatin technlgies. PO-K: An ability t identify and analyze user needs and take them int accunt in the selectin, creatin, evaluatin and administratin f cmputer-based systems. *PO-L: An ability t effectively integrate IT-based slutins int the user envirnment. *PO-M: An understanding f best practices and standards and their applicatin. *PO-N: An ability t assist in the creatin f an effective prject plan. Curse Tpics: The clumn n the right hand side represents the Bdy f Knwledge and number f hurs (in parenthesis) set frth by ABET accreditatin bard fr accmplishing minimum required hurs assigned fr different categries. Mre infrmatin n this bdy f knwledge can be fund in Appendix A The IT Bdy f Knwledge n Page 68 f the fllwing dcument. Hw the Web Wrks WS1(3), ITF3(1), ITF4(1), NET1(1) Definitins and Histry A Shrt Histry f the Internet The Birth f the Web Web Applicatins in Cmparisn t Desktp Applicatins Static Websites versus Dynamic Websites Web 2.0 and Beynd Architecture and Prtcls A Layered Architecture Internet Layer Applicatin Layer The Client-Server Mdel The Client and Server Mdel The Request-Respnse Lp The Peer-t-Peer Alternative Server Types Real-Wrld Websites Hw websites cnnected t the Internet? Dmain Name System (DNS) Hypertext Transfer Prtcl (HTTP) Web Servers Operating Systems Web Server Sftware

4 Backend Engine Scripting Sftware Security implicatins f the Web architecture WS5(1), IAS1(1) Technical aspects Human factr Intrductin t Hypertext Markup Language (HTML) WS1(1), WS4(2) What Is HTML and Where Did It Cme frm? HTML Syntax Semantic Markup Structure f HTML Dcuments HTML5 Semantic Structure Elements HTML Validatin Intrductin t Cascading Style Sheets (CSS) WS1(2) What Is CSS? CSS Syntax Lcatin f Styles Selectrs The Cascade: Hw Styles Interact The Bx Mdel CSS Text Styling CSS Validatin HTML Tables and Frms WS1(1), WS2(1), WS4(2) Intrducing Tables Basic Table Structure Spanning Rws and Clumns Additinal Table Elements Using Tables fr Layut Styling Tables Table Brders Bxes and Zebras Intrducing Frms Frm Structure Hw Frms Wrk Query Strings The <frm> Element Frm Cntrl Elements Text Input Cntrls Chice Cntrls Buttn Cntrls Specialized Cntrls Date and Time Cntrls Table and Frm Accessibility Accessible Tables

5 Accessible Frms Web Digital Media WS3(4) Digital Representatins f Images Clr Mdels Image Cncepts File Frmats (JPEG, GIF,PNG, SVG, Other Frmats) Audi and Vide Media Cncepts Brwser Vide Supprt Brwser Audi Supprt HTML5 Canvas Client-Side Prgramming WS1(2), IPT4(1) Cmpnents f Dynamic Webpage Java Virtual Machine What Is JavaScript and What Can It D? JavaScript Design Principles Where Des JavaScript G? Use f Javascript plugins/library JavaScript Events Frms Intrductin t Server-Side Prgramming WS1(3), IPT2(1) What Is Server-Side Develpment? Web Server s Respnsibilities Data and Cntrl Flw in Server-Side Applicatin Quick Tur f PHP Wrking with Databases WS1(1), WS4(1), IM2(2) Databases and Web Develpment The Rle f Databases in Websites Database Design Structural Query Language (SQL) Database APIs Accessing Database inside Server Prgram Sample Database Techniques n website Errr Handling and Validatin Managing Website WS2(1), WS3(1) Administratin and Management f Website Passing Infrmatin between Web pages W3C Web Standards Web Standards in terms f Specificatins, guidelines, sftware, and tls Web Interface Design WS2(3)

6 Real-Wrld Web Sftware Design Challenges in Designing Web Applicatins Principle f Layering What Is a Layer? Cnsequences f Layering Cmmn Layering Schemes Presentatin Patterns Mdel-View-Cntrller (MVC) Pattern Frnt Cntrller Pattern Extensible Markup Language (XML) Prcessing and Web Services WS1(2) Understanding XML Syntax XML Prcessing XML Prcessing in Client-Side XML Prcessing in Server-Side An Example Web Service Scial Netwrk Integratin WS6(2) (nt cre) What are Scial Netwrks Cmmn Characteristics Scial Netwrk Integratin Wrking in Web Develpment Types f Web Develpment Cmpanies Rles and Skills Student Experiences: Labratry exercises Cnducted as part f the scheduled labratry sessins, labs are an integral cmpnent f the curse, serving t reinfrce the cncepts and techniques presented in lectures. Labs include Web page design and creatin I Web page design and creatin II (includes scripting) Website cntent design (includes usage f authring tls) Vulnerability assessment f a website and web pages Web applicatins and scial websites Analysis f existing websites and writing reprts Labs All lab reprts must cnfrm t guidelines annunced in class. Prjects will be assessed and graded against the Prject Implementatin rubric. Quizzes, Tests and Examinatins There will be fur quizzes (each cvering a majr tpic), a midterm, and a cumulative final. Quizzes and exams will include multiple chice and prblem slving tasks.

7 Final Grade Final grade will be determined n the basis f the fllwing apprximate weights: Grading Categries Weights (%) Labratry exercises 25 Prjects 25 Quizzes 15 Midterm exam 15 Final exam 20 Ttal 100 Student Experiences by Curse Outcme (Objective) matrix: Labs Prjects Quizzes Midterm exam Final exam CO1 CO2 CO3 CO4 CO5 Bibligraphy: R.Cnnlly, R. Har. Fundamentals f Web Develpment, First Editin. Addisn-Wesley, T.Felke-Mrris. Web Develpment and Design Fundatins with HTML5, Seventh editin. Pearsn, M. MacDnald. Creating a Website: The Missing Manual, Third editin. O Reilly Media, B.Sullivan, V.Liu. Web Applicatin Security: A Beginner's Guide, First Editin. McGraw-Hill Educatin, L.Shklar, R.Rsen. Web Applicatin Architecture: Principles, Prtcls and Practices, Secnd Editin. Wiley, S.Basandra. Web Architecture, Web Design and Web Develpment Questins and Answers, Kindle Editin. Basandra Bks, 2014.