Topic outline

• Introduction
  

  Introduction

  Daffodil International University Department of Computer Science and Engineering

  
  
                                                                   
  

                             

  • Welcome to Web Engineering! 
    

    Course Details
    Course Code	CSE417
    Course Title	Web Engineering
    Program	B.Sc. in CSE
    Faculty	Faculty of Science and Information Technology (FSIT)
    Semester	Spring	Year	2021
    Credit	3	Contact Hour	3hours/week
    Course Level	Level 4 Term 1	Prerequisite	CSE333

    
    

                                                Welcome Video for my beloved students

    
    

                                        

  • Announcements Forum
  • Instructor Details
    

    Instructor    : Md Assaduzzaman
    

    Designation : Lecturer

    Office           : Room 506 ,AB-4
    

    Cell Phone   : 01824089009
    

    Email            :assaduzzaman.cse@diu.edu.bd

    Website        : sites.google.com/view/mdassaduzzaman

    
    
  • Course Rationale
    

    Internet and Web become an integral part of human life. It exists in every possible dimensions which makes this art essential to learn. This course studies both theoretical and practical approach to Web Engineering through various real life problems &solutions. And how state of the art technologies can be learned and used later.
    
    Course Objective
    This course aims to provide students a systematic approach to develop deep understanding of web technologies by providing hands on experience. Students will be able to learn new technologies, analyse existing web applications/systems and design new oneefficiently after the course.
    
    Course Outcomes (CO’s) 
    CO1.   Have an understanding of different programming techniques, protocols available for development
    CO2.   Have the abilities to analyse and describe the system requirements
    CO3.   Taking critical decision regarding client and server-side development
    CO4.   Be able to evaluate existing systems and build new systems by applying state of the art technology
    
  • Evaluation Criteria
    

    Theory	Lab
    Attendance: 7% Class Tests/Quizzes:  15%  Assignment: 5% Presentation (using video/ppt): 8% Midterm Exam: 25% Final Exam: 40%	Lab Attendance: 10% Project : 40% Lab Performance: 25% Lab Report (IEEE Format): 25%

    [All assessment will be based on onsite/online situation]
    

  • Recommended Text

    • S. Schafer, Web Standards, Wiley Publishing, 2005, ISBN 978-0-7645-8820-4.

    Resources
    

    • Google Drive Repository
    • Course Outline
      
    • Books
    • Lecture Notes/Presentations
      
    • Assignments
    • Lab Materials
    • Lab Report Template (IEEE formt)
    • Student Attendance Sheet

    • Online Course by University of Liverpool [Highly Recommended]
  • Student Interest Discovery Survey
  • Announcements Forum
  • Telegram Group Link URL

    Mark as done
  • Google Meet Link URL

    Mark as done
  • Google classroom code : ykvgoqr

    Mark as done
  • Google Classroom Link URL

    Mark as done
  • Online Editior URL

    Mark as done
  • Appointment in Google Calendar URL

    Mark as done
  • 
    

    Quick Navigation

    Class Test: CT1, CT2, CT3      Assignment: ASN1, ASN2, ASN3       Presentation        Mid Exam       Final Exam
    Week2Go:   WK1    WK2    WK3    WK4    WK5    WK6   WK7    WK8    WK9    WK10    WK11    WK12    WK13    WK14

    
    

    Mark as done
• Week 1: SWE Background and the Web(13th September 2020- 21st september 2020)
  

  Week 1: SWE Background and the Web(13th September 2020- 21st september 2020)

  • Topics

  1. Overview 
  2. Internet and the Web
  3. Client-Server Paradigm
  4. Requirement Engineering
     

  • Learning Outcome

  1. Differentiate between Web and Internet
  2. Understand Client-Server Paradigm
  3. Select the appropriate tools
  4. Analyse and Design System Requirements 

  • Lab Session 1: Introduction to the Web Engineering and different toolsURL 

  1. Roadmap: https://www.w3schools.com/whatis/
  2. Tools: Editors: Netbeans/Sublime Text/PHP Storm/ VSCode/Notepad/ Notepad++, WAMP/ XAMP

  • Necessity of SWE and Computer Networking URL
  • Are web developers software engineers? URL
  • PDF: Introduction about Web File

    Mark as done
  • Pre-recorded Video Lecture:
    Lecture-1(Introduction-1)
    Lecture-2(Introduction-2)

    Mark as done
  • Class Video Lecture:
    Lecture-1(Introduction -1)
    Lecture-2(Introduction-2)

    Mark as done
  • Assignment on Introduction about Web

    Mark as done
  • Forum discussion on Introduction about web apps.

    Mark as done
  • Interactive contents on Introduction about web.

    Mark as done
  • Reference website URL

    Mark as done
  • Students feedback(Week-1) URL

    Mark as done
  • Reference Video:

    Mark as done
• Week 2 : Review and Front-End technology(22th September 2020- 27th September 2020)
  

  Week 2 : Review and Front-End technology(22th September 2020- 27th September 2020)

  • Topics

  1. Testing methodologies
  2. Project discussion
  3. HTTP
  4. HTML(Part-1): Basic HTML

  • Learning Outcome

  1. Choose right Testing methodology
  2. Course Project team formation and discussion on deliverables
  3. Understand the HTTP and HTML5 elements

  • Lab Session 2: Working with HTML
    

  1. https://www.codecademy.com/catalog/language/html-css
  2. https://www.w3schools.com/html/

  • PDF: Basic HTML File

    Mark as done
  • PDF: Requirement Engineering File

    Mark as done
  • Pre-recorded Video Lecture:
    Lecture-4(Requirement Engineering)

    Mark as done
  • Class Video Lecture:
    Lecture-3(Basic Html)
    Lecture-4(Requirement Engineering)

    Mark as done
  • Additional resource on HTML practice File

    Mark as done
  • Assignment on HTML

    Mark as done
  • Forum discussion on HTML

    Mark as done
  • Interactive quiz on HTML Interactive Content

    Mark as done
  • Reference website URL

    Mark as done
  • Studnets feedback(Week-2) URL

    Mark as done
  • Reference Video:
    

    Mark as done
• Week 3: Discussion on HTML and CSS (28th september 2020-03rd October2020)
  

  Week 3: Discussion on HTML and CSS (28th september 2020-03rd October2020)

  • Topics 

  1. HTML(Part-2): HTML Elements
  2. CSS(Part-1): Different types of CSS
  3. Class Test-1

  • Learning Outcome

  1. Know basics of static web page
  2. Understand and apply HTML and CSS

  • Lab Session 3: Working with CSS
    

  1. https://www.w3schools.com/css/default.asp
     

  • PDF: Basic HTML part 2 File

    Mark as done
  • PDF: Basic CSS File

    Mark as done
  • Pre-recorded Video Lecture:
    Lecture-5(Basic CSS)

    Mark as done
  • Class Video Lecture:
    Lecture-5(Basic HTML-part 2)
    Lecture-6(Basic CSS)

    Mark as done
  • Class content File

    Mark as done
  • Additional resource File

    Mark as done
  • Quiz-1

    Restricted Not available unless:

    • The activity Assignment on Introduction about Web is marked complete
    • The activity Forum discussion on Introduction about web apps. is marked complete
    • The activity Interactive contents on Introduction about web. is marked complete
    • The activity Forum discussion on HTML is marked complete
    • The activity Interactive quiz on HTML is marked complete
    • The activity Assignment on HTML is marked complete
  • Assignment on HTML and CSS

    Mark as done
  • Forum discussion on HTML and CSS

    Mark as done
  • Interactive quiz on HTML and CSS Interactive Content

    Mark as done
  • Students feedback(Week-3) URL

    Mark as done
  • Reference video:
    

    Mark as done
• Week 4: Adaptive Lesson and Layout(5th October 2020-13th october 2020)
  

  Week 4: Adaptive Lesson and Layout(5th October 2020-13th october 2020)

  • Topics 

  1. Practice lesson on basic HTML and CSS
  2. Layout  using <div> tag, Table , and CSS Box Model 

  • Learning Outcome

  1. Review and Self-Confidence building on Basic html, css
  2. Understand and Apply Layout to design pages efficiently

  • Lab Session 4: Creating Layout
    

  1. https://www.w3schools.com/css/css_website_layout.asp
     

  • Class Video Lecture:
    Lecture-7(CSS: Layout designing)

    Mark as done
  • Additional resource File

    Mark as done
  • Assignment on layout designing

    Mark as done
  • Forum discussion on CSS

    Mark as done
  • Reference website
    

    Mark as done
• Week 5: Interactive Web with JavaScript and Forms(14th October 2020-)
  

  Week 5: Interactive Web with JavaScript and Forms(14th October 2020-)

  • Topics 

  1. JavaScripts  and JS Libraries
  2. DOM, Events
     
  3. Forms

  • Learning Outcome

  1. Understand and Apply JS
     
  2. Use DOM to manipulate your content
  3. Events and Forms

  • Lab Session 5: Working with JS
    

  1. https://www.w3schools.com/js/default.asp
  2. https://www.w3schools.com/html/html_forms.asp
  3. https://www.w3schools.com/js/js_htmldom.asp

  
  

  • Class Video Lecture:
    Lecture-7(Basic JavaScript)
    Lecture-8(DOM,Events,Forms)

    Mark as done
  • Quiz -2

    Restricted Not available unless:

    • The activity Assignment on HTML and CSS is marked complete
    • The activity Forum discussion on HTML and CSS is marked complete
    • The activity Interactive quiz on HTML and CSS is marked complete
    • The activity Assignment on layout designing is marked complete
    • The activity Forum discussion on CSS is marked complete
  • Assignment on JavaScript DOM, Events

    Mark as done
  • Forum discussion on JavaScript DOM and Events

    Mark as done
  • Reference Video:
    

    Mark as done
• Week 6: Discussion Review(25th October 2020-9th November 2020)
  

  Week 6: Discussion Review(25th October 2020-9th November 2020)

  • Topics 

  1. Review Exercise
     
  2. Discussion before Midterm Exam
  3. Class Test-2

  • Learning Outcome

  1. Practice Exercise
  2. Know Progress

  • Lab Session 6: Wrap-up front end technologies

  
  
• Week 7 : Midterm Exam(10th November ,2020)
  

  Week 7 : Midterm Exam(10th November ,2020)

  Daffodil International University Department of Computer Science and Engineering MID TERM EXAM

  Topics for Midterm:
  

  1. Basic Terminologies
  2. Selecting appropriate Testing method
  3. Understanding Requirements (RE)
  4. Design a web page (Application of HTML, CSS and JS)

  • Mid-Exam Assignment

    Mark as done

    Dear students,

    You need to download (1) QuestionPaper.pdf and (2) AnswerScriptTemplate.doc from the Mid-exam. You will type your answers in the answer script doc file or write on your paper, then capture the images and save them as pdf with your ID e.g. CSE417-PC-D-171-15-2345-mid.pdf (Course Code-Section-Student ID), and then upload in the following google form link:  https://forms.gle/M6TqHAa7PgELqK9z8

    
    

    
    

• Week 8: Server Side Programming and PHP (15th November2020-17th November 2020)
  

  Week 8: Server Side Programming and PHP (15th November2020-17th November 2020)

  • Topics 

  1. Server Side Programming
  2. Basic PHP
  3. Work with forms, cookies, files, time and date.
  4. Create a basic checker for user-entered data.
     

  • Learning Outcome

  1. Know about  Server Side Programming
  2. PHP and its workings. 
  3. Implement different requirements/problems with PHP

  • Lab Session 7: Working with PHP
    

  1. https://www.w3schools.com/php/
     

  • PDF: Basic PHP File

    Mark as done
  • PDF: Basic PDF 2 File

    Mark as done
  • Class video Lecture:
    Lecture-15(Basic PHP)
    Lecture-16(Php form,Session,Cookies,Date)

    Mark as done
  • Forum discussion on PHP

    Mark as done
  • Interactive quiz on PHP Interactive Content

    Mark as done
  • Students Feedback(Week-8) URL

    Mark as done
  • Reference video
    

    Mark as done
• Week 9: Database Management (mySQL)[18th November 2020-]
  

  Week 9: Database Management (mySQL)[18th November 2020-]

  • Topics 

  1. Handling Database with mySQL and PHP

  • Learning Outcome

  1. Be able to access and create mySQL database
  2. CRUD operations
  3. Use mySQL with PHP

  • Lab Session 8: Working with mySQL and PHP
    

  1. https://www.w3schools.com/php/php_mysql_intro.asp
     

  • PDF: MySQL and PHP File

    Mark as done
  • Class Video Lecture
    Lecture-17(Basic MySQL )

    Mark as done
  • Forum discussion on MySQL

    Mark as done
  • Interactive quiz on MySQL Interactive Content

    Mark as done
  • Students Feedback URL

    Mark as done
  • Reference video:
    

    Mark as done
• Week 10: Project Management and MVC(24 November2020- )
  

  Week 10: Project Management and MVC(24 November2020- )

  • Topics 

  1. Project management
  2. MVC design pattern
  3. Discuss course project

  • Learning Outcome

  1. Understand and apply MVC design pattern
  2. Understand Project management techniques

  • Lab Session 9: Front end and Back End integration
    

  1. Read here: https://vsupalov.com/how-backend-and-frontend-communicate/
  2. https://www.geeksforgeeks.org/frontend-vs-backend/
     

  • PDF: Project Management File

    Mark as done
  • PDF: MVC design Pattern File

    Mark as done
  • Class video Lecture
    Lecture-19(Project Management)
    Lecture-20(MVC design pattern)

    Mark as done
  • Assignment on Project Management

    Mark as done
  • Interactive quiz on MVC and Project management Interactive Content

    Mark as done
  • Additional resources URL

    Mark as done
  • Students Feedback(Week-10) URL

    Mark as done
  • Reference Video
    

    Mark as done
• Week 11: Review Discussion and Adaptive Lesson on PHP(December 2020)
  

  Week 11: Review Discussion and Adaptive Lesson on PHP(December 2020)

  • Topics 

  1. Review Discussion
  2. Class Test#3

  • Learning Outcome

  1. Review Exercise on PHP
     
  2. Self Confidence building on PHP

  • Lab Session 10: Project integration and presentation
    

  1. https://www.wikihow.com/Creatively-Present-a-Project
     

  • Assignment on PHP and MySQL

    Mark as done
  • Presentation Submission link URL

    Mark as done
  • Reference video: 
    

    Mark as done
• Week 12: Discussion on Other Technologies and Presentation(16th August 2020-26th August2020)
  

  Week 12: Discussion on Other Technologies and Presentation(16th August 2020-26th August2020)

  •  Topics 

  1. Discussion on other technologies.ie, JSON, XML, AJax  etc.
  2. Review exercise
  3. Presentation

  • Learning Outcome

  1. Analysing web technologies
  2. Know usefulness of different emerging technologies

  • Lab Session 11: Project integration and presentation
    

  1. https://www.brightwork.com/blog/7-steps-effective-report-writing
     
  2. https://www.ieee.org/conferences/publishing/templates.html
     

  • PDF: Ajax,Json File

    Mark as done
  • Class Video Lecture:
    Lecture-(AJAX,JSON,XML)

    Mark as done
  • Forum discussion on JSON

    Mark as done
  • Interactive quiz on JSON,XML Interactive Content

    Mark as done
  • Reference Video:
    

    Mark as done
  • Quiz-3

    Restricted Not available unless:

    • The activity Forum discussion on PHP is marked complete
    • The activity Interactive quiz on PHP is marked complete
    • The activity Forum discussion on MySQL is marked complete
    • The activity Assignment on Project Management is marked complete
    • The activity Interactive quiz on MySQL is marked complete
    • The activity Interactive quiz on MVC and Project management is marked complete
    • The activity Forum discussion on JSON is marked complete
    • The activity Interactive quiz on JSON,XML is marked complete
    • The activity Assignment on PHP and MySQL is marked complete
• Week 13(24 December,2020)
  

  Week 13(24 December,2020)

  Daffodil International University Department of Computer Science and Engineering FINAL EXAM

  
  Topics for Final:
  

  1. Application of Front end and back end programming
  2. Design pattern and Project Management
  3. Basic about emerging technologies

  • Final Assessment Assignment

    Mark as done

    Dear students,

    You need to download (1) QuestionPaper.pdf and (2) AnswerScriptTemplate.doc from the final assessment. You will type your answers in the answer script doc file or write on your paper, then capture the images and save as pdf with your ID e.g. CSE417-PC-D-171-15-2345-final.pdf (Course Code-Section-Student ID) and then upload in the following google form link:  https://forms.gle/PW3ayGH2uwEccvCp9

    
    
    

• Topic 14
  

  Topic 14
• Topic 15
  

  Topic 15
• Topic 16
  

  Topic 16
• Topic 17
  

  Topic 17
• Topic 18
  

  Topic 18
• Topic 19
  

  Topic 19
• Topic 20
  

  Topic 20
• Topic 21
  

  Topic 21
• Topic 22
  

  Topic 22
• Topic 23
  

  Topic 23
• Topic 24
  

  Topic 24
• Topic 25
  

  Topic 25
• Topic 26
  

  Topic 26
• Topic 27
  

  Topic 27
• Topic 28
  

  Topic 28
• Topic 29
  

  Topic 29
• Topic 30
  

  Topic 30
• Topic 31
  

  Topic 31
• Topic 32
  

  Topic 32
• Topic 33
  

  Topic 33
• Topic 34
  

  Topic 34
• Topic 35
  

  Topic 35
• Topic 36
  

  Topic 36
• Topic 37
  

  Topic 37
• Topic 38
  

  Topic 38
• Topic 39
  

  Topic 39
• Topic 40
  

  Topic 40
• Topic 41
  

  Topic 41
• Topic 42
  

  Topic 42
• Topic 43
  

  Topic 43
• Topic 44
  

  Topic 44
• Topic 45
  

  Topic 45
• Topic 46
  

  Topic 46
• Topic 47
  

  Topic 47
• Topic 48
  

  Topic 48
• Topic 49
  

  Topic 49
• Topic 50
  

  Topic 50