Topic outline

• Introduction
  

  Introduction

  Daffodil International University Department of Computer Science and Engineering

  • WELCOME NOTE

    Dear Students,

    Welcome to the course CSE417+418 (Web Engineering Theory+Lab). Myself Mushfiqur Rahman. I am looking forward to the opportunity so we will have to learn and grow together in this course. I always believe that your success is most important to me as a teacher. Please don’t hesitate to contact me in case of having difficulties with the course materials and any other academic problems. To smooth this operation, general questions related to the courses should be posted on the Discussion Forum. If you have any questions for which you are not interested to post in Forum, then you can send your query via email for a quick response. My contact information is mentioned below. Success in an online class requires just as much work and effort as success in a traditional classroom. Lastly, I am expecting much cooperation from all of you. Hope we will enjoy this journey joyfully.

    Stay safe and healthy. Thanks all of you for joining this course.

    Best Regards,

    Mushfiqur Rahman
    

    Welcome Note - CSE417-418 Web Engineering

    
    

  • Instructor Information

    Instructor Name: Mushfiqur Rahman (MUR) Designation: Lecturer Contact: 01714-218217 Email: mushfiqur.cse@diu.edu.bd Office Address:  509, AB-04, DIU-PC Google Site: https://sites.google.com/diu.edu.bd/mushfiqur/

    
    

    COUNSELING HOURS - Spring'20

    Day	Course/Project Counseling Hour
    Saturday	1430 - 1600 HR
    Sunday	1300 - 1700 HR
    Tuesday	1000 - 1300 HR
    Wednesday	1430 - 1700 HR

    
    

    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 Outline

    • OBE Based Theory Course Outline - Link
      
    • OBE Based Lab Course Outline - Link
      

    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

    Course Reference Books:

    Name	Author	Download Link
    Web Standard Programmer Ref	Steven M. Schafer	Download
    Computer Networking - A Top-Down Approach	Kurose, Ross	Download
    Software Engineering	Somerville	Download
    Professional Ajax	Nicholas C. Zakas, Jeremy McPeak, Joe Fawcett	Download

    
    

    Text Book

    • Web Standard Programmer Ref By Steven M. Schafer  -  Download
      

    Grading Scheme - Theory
    

    Attendance	07
    Quiz	15
    Assignment	05
    Presentation	08
    Mid Term	25
    Final	40
    Total	100

    Grading Scheme - Lab
    

    Attendance	10
    Performance	25
    Lab Report/Project	25
    Lab Final	40
    Total	100

  • Attendance/Class Schedule PC-D

    Saturday (Theory)	1300 - 1430Hr
    Wednesday (Theory)	1000 - 1130Hr
    Sunday (Lab)	1300 - 1600Hr

    Google Meet Link: meet.google.com/
    
  • Attendance/Class Schedule PC-F

    Monday (Theory)	1600 - 1730Hr
    Wednesday (Theory)	1300 - 1430Hr
    Monday (Lab)	1130 - 1430Hr

    Google Meet Link: meet.google.com/
    
  • Forum Discussion

  • Initial Course Survey

  • Announcements Forum
• Week 1: SWE Background and the Web
  

  Week 1: SWE Background and the Web

  • 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: Sublime Text/PHP Storm/ VSCode/Notepad/ Notepad++, WAMP/ XAMP

  • Necessity of SWE and Computer Networking URL
  • Are web developers software engineers? URL
  • Understanding of Week 1 Forum
• Week 2 : Review and Front-End technology
  

  Week 2 : Review and Front-End technology

  • 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/

  • Understanding of Week 2 Forum
• Week 3: Discussion on HTML and CSS
  

  Week 3: Discussion on HTML and CSS

  • 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
     

  • Understanding of Week 3 Forum
• Week 4: Adaptive Lesson and Layout
  

  Week 4: Adaptive Lesson and Layout

  • 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
     

  • • Submission of Assignment - 1 (Generally on HTML and CSS)

  • Explore HTML, CSS and Self Test Lesson

    • In this activity student will test their learning of basic concepts on HTML and CSS
    • Two powerful and most important front end technology

  • Understanding of Week 4 Forum
• Week 5: Interactive Web with JavaScript and Forms
  

  Week 5: Interactive Web with JavaScript and Forms

  • 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

  
  

  • Self Test Quiz on:
    

    • HTML
    • CSS

  • Understanding of Week 5 Forum
• Week 6: Discussion Review
  

  Week 6: Discussion Review

  • 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

  
  

  • • Practice Test on:
    • JavaScript
    • Submission of Assignment - 2 (Generally on Javascript)

  • Understanding of Week 6 Forum
• Week 7 : Midterm Exam
  

  Week 7 : Midterm Exam

  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)
• Week 8: Server Side Programming and PHP
  

  Week 8: Server Side Programming and PHP

  • 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/
     

  • Understanding of Week 8 Forum
• Week 9: Database Management (mySQL)
  

  Week 9: Database Management (mySQL)

  • 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
     

  • Understanding of Week 9 Forum
• Week 10: Project Management and MVC
  

  Week 10: Project Management and MVC

  • 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/
     

  • Understanding of Week 10 Forum
  • • PHP quiz
    • PHP exercise
• Week 11: Review Discussion and Adaptive Lesson on PHP
  

  Week 11: Review Discussion and Adaptive Lesson on PHP

  • 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
     

  • Understanding of Week 11 Forum
  • Explore PHP and Self Test Lesson

    In this activity students will  review and gain confidence on PHP.

  • Self test on PHP Lesson

    In this activity students will review PHP and build self confidence.
    
• Week 12: Discussion on Other Technologies and Presentation
  

  Week 12: Discussion on Other Technologies and Presentation

  •  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
     

  • • PHP certification
    • Submission of Assignment - 3 (Generally on PHP and mySQL)
      
  • Understanding of Week 12 Forum
• Week 13
  

  Week 13

  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 Examination

    Exam Date: 00.00.2021 Exam Time: Slot B - (02:00PM-06:00PM) Submission format: pdf File Name Convention: CourseCode-Section-ID-final.pdf [Ex: CSE417-PC-X-181-15-0000-final.pdf] Question Link: Check the assignment below Answer Script: Check the assignment below Answer Script Submission Link: Below in the assignment. https://forms.gle/example **Only one submission is allowed. check before you submit your answer script.