Web Engineering : Theory+ Lab (Summer 2021)

Section outline

• Select section Introduction

  Introduction

  Collapse all Expand all

  Daffodil International University Department of Computer Science and Engineering

  • Select activity Welcome to Web Engineering!  ...

    Welcome to Web Engineering! 
    

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

  • Select activity Instructor Details Instructor    : Md. ...

    Instructor Details
    

    Instructor    : Md. Mahfujur Rahman
    

    Office           : AB-4: 509
    

    Cell Phone   : 01817593387

    E-mail           : mahfujur.cse@diu.edu.bd
  • Select activity Course RationaleInternet and Web become an integ...

    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
    
  • Select activity Evaluation Criteria ...

    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]
    

  • Select activity Recommended Text S. Schafer, Web ...

    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]
  • Select activity Student Interest Discovery

    

    Student Interest Discovery Survey
  • Select activity Course Discussion Forum

    

    Course Discussion Forum
  • Select activity Online Editor

    

    Online Editor URL

    Online Editor
    

  • Select activity Announcements

    

    Announcements Forum

    Google Meet Link:
    
    Wednesday - Web Engineering Lab PC-B: https://meet.google.com/oom-azna-uhb
  • Select activity Quick Navigation: ...

    Completion

    Students must

    

    Mark as done

    Quick Navigation:

    
    

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

    
    
  • Select activity Welcome Speech

    Completion

    Students must

    

    Mark as done

    Welcome Speech

• Select section Week 1: SWE Background and the Web

  Week 1: SWE Background and the Web

  Learning 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 tools 

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

  Learning Contents

  Resource 1: Clcik Here

  Resource 2: https://drive.google.com/file/d/1J3aGNFUYcrGWqF-ED4_855Cmo2qpCs-l/view

  Resource 3: https://drive.google.com/file/d/1PNmZ0yDyOZZpH39cDNKnHO_iRv4C96EG/view

  Resource 4:  What is Github?

  Video: How to Install Xampp on windows 10.
  

  Recorded Class:(PC-A) 

  1. Introduction of Web Engineering: https://drive.google.com/file/d/1-Z0U7yPMV6aENTBGy7a2l_9S_PjgvjY4/view

  2. Client Server Paradigm and API: https://drive.google.com/file/d/1X6ZozUS-jopIJ6dJwP18Bl9aIU3zeLWZ/view

  Recorded Class: (PC-B)

  Introduction to Web and client server paradigm: https://drive.google.com/file/d/12zqYIXuB3dw1SxE8NjtJ-LE_vsIZICUA/view
  

  Learning Contents(Lab)

  Introduction to Bitbucket and Trello: Clcik Here

  • Select activity Activities & Assessment

    Completion

    Students must

    

    Mark as done

    Activities & Assessment

  • Select activity Discussion on week-1 (PC-A)

    

    Discussion on week-1 (PC-A) Forum

    Not available unless: You belong to PC-A
• Select section Week 2 : Review and Front-End technology

  Week 2 : Review and Front-End technology

  Learning Coverage

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

  Learning Contents

  Video-1: Covers Topics: Testing- Verification & Validation

  
  

  
  

  Resource 1: https://drive.google.com/file/d/1PNmZ0yDyOZZpH39cDNKnHO_iRv4C96EG/view
  

  Resource 2: https://drive.google.com/file/d/1_hoNgN-e86oMiG04reEtFBSNNOz2ug3Z/view

  PC-A: Persistent/non-persistent HTTP: https://drive.google.com/file/d/1jhkTBJVt-DyMhCHI9_YwCtQw6-8q04Cl/view

  PC-B: Persistent/non-persistent HTTP:  https://drive.google.com/file/d/1OF5IfoxLx0tAy456sagvVe8AMniKApbu/view

  PC-A: Requirement Engineering: https://drive.google.com/file/d/1_vEDaOFiyQ0sKcwzbyyF6-B-U-9l_0VM/view

  PC-B: Requirement Engineering: https://drive.google.com/file/d/1Vr5M-ISj6__rFdLc9dxjOU_JXXTNJWKT/view

  Learning Contents(Lab)

  Prototype Design (PC-A): https://drive.google.com/file/d/1231j5WCg6BeUWue38fjUZbbr65VWnR2G/view

  
  

  • Select activity Activity & Assesement

    Completion

    Students must

    

    Mark as done

    Activity & Assesement

  • Select activity PC-B: Discussion on week-2

    

    PC-B: Discussion on week-2 Forum

    Not available unless: You belong to PC-B
  • Select activity Exam on basic Web Engineering

    

    Exam on basic Web Engineering Quiz

    Completion

    Students must

    

    Mark as done
• Select section Week 3: Discussion on HTML and CSS

  Week 3: Discussion on HTML and CSS

  Learning Coverage

  • Topics 

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

  • 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
     

  • Select activity Learning Contents: W3.0: HTML Part II &nb...

    Completion

    Students must

    

    Mark as done

    Learning Contents:

    W3.0: HTML Part II
    
    
    
    
    
    
    
     
    
    
  • Select activity Learning Contents Lab:GIT: https://drive.goog...

    Completion

    Students must

    

    Mark as done

    Learning Contents Lab:

    GIT: https://drive.google.com/file/d/1C7I6-6qUeL4HIfwsMKvBIVxe9Hi-5xjd/view
    

    PC-A: HTML Part-1: https://drive.google.com/file/d/1cvMPt1LA-I-yL4VToWOCGes9qadUhHzG/view

    PC-A: HTML part-2: https://drive.google.com/file/d/1UHfKRJSr8eJFaVZCxKdRZ9Aez8ipnO4O/view

    PC-A: CSS: https://drive.google.com/file/d/1brJ8PnQS3TeHoZDIygD3M0YJD4zfyl91/view

    
    

    
    

  • Select activity Activity & Assessment:

    Completion

    Students must

    

    Mark as done

    Activity & Assessment:

  • Select activity Understanding of Week 3

    

    Understanding of Week 3 Forum
  • Select activity Assignment on GitHub link submission

    

    Assignment on GitHub link submission

    Completion

    Students must

    

    Mark as done
• Select section 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
  3. Class Test-1

  • 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
     

  • Select activity Learning Contents:Project Template:&nbsp;

    Completion

    Students must

    

    Mark as done

    Learning Contents:

    Project Template: 
    
  • Select activity Learning Contents Lab:

    Completion

    Students must

    

    Mark as done

    Learning Contents Lab:

    
    

  • Select activity Git Content

    

    Git Content Wiki

    Completion

    Students must

    

    Mark as done
  • Select activity Activity &amp; Assessment:&nbsp;

    Completion

    Students must

    

    Mark as done

    Activity & Assessment: 

  • Select activity Explore HTML, CSS and Self Test

    

    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

  • Select activity Understanding of Week 4

    

    Understanding of Week 4 Forum
  • Select activity Class Test - 1

    

    Class Test - 1 Quiz

    Completion

    Students must

    

    Mark as done
  • Select activity Assignment on Requirement Engineering

    

    Assignment on Requirement Engineering

    Completion

    Students must

    

    Mark as done
• Select section 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

  
  

  • Select activity Learning Contents:&nbsp;PC-A+PC-B: Javascript part...

    Completion

    Students must

    

    Mark as done

    Learning Contents: 

    PC-A+PC-B: Javascript part-1: https://drive.google.com/file/d/1a-ak7qkCTSfLxfViY46tlfpaHiUOwb-f/view

    PC-A: Javascript part-2: https://drive.google.com/file/d/1dXBG13xyIGMk2LDfAOYY9_mUD5c2YZfh/view

  • Select activity Activity &amp; Assessment:

    Completion

    Students must

    

    Mark as done

    Activity & Assessment:

  • Select activity Self Test Quiz on:HTMLCSS

    Self Test Quiz on:
    

    • HTML
    • CSS

  • Select activity Understanding of Week 5

    

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

  Week 6: Discussion Review

  • Topics 

  1. Review Exercise
     
  2. Discussion before Midterm Exam
  3. Agile Methodology in Software Development: https://www.guru99.com/agile-scrum-extreme-testing.html

  • Learning Outcome

  1. Practice Exercise
  2. Know Progress

  • Lab Session 6: Wrap-up front end technologies

  
  

  • Select activity Learning Contents:Exam Syllabus:&nbsp;https://driv...

    Completion

    Students must

    

    Mark as done

    Learning Contents:

    Exam Syllabus: https://drive.google.com/file/d/106TgP6F8VnIEy18rEdXlwsIdNgbchHWg/view

  • Select activity Practice Test on:JavaScriptSubmission of Assignmen...

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

  • Select activity Understanding of Week 6

    

    Understanding of Week 6 Forum
• Select section 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)

  • Select activity Midterm template

    

    Midterm template File

    Completion

    Students must

    

    Mark as done
  • Select activity Midterm Questions, Summer-2021

    

    Midterm Questions, Summer-2021 Assignment

    Completion

    Students must

    

    Mark as done
  • Select activity Midterm Exam Answer Script Submission-PC-A

    

    Midterm Exam Answer Script Submission-PC-A Assignment

    Not available unless: You belong to PC-A
  • Select activity Midterm Exam Answer Script Submission - PC-B

    

    Midterm Exam Answer Script Submission - PC-B Assignment

    Not available unless: You belong to PC-B
• Select section 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/
     

  • Select activity Learning Contents:PC-A: PHP:&nbsp;https://drive.go...

    Completion

    Students must

    

    Mark as done

    Learning Contents:

    PC-A: PHP: https://drive.google.com/file/d/1Ztw5q9e6WPiIjAQF8d9rtzrrXlPIq6kA/view

    GIT: https://drive.google.com/file/d/1gQgF9D4rBXu1lhM0x9u3PFhz61KIG7Ns/view

    PC-A: CRUD and Session: https://drive.google.com/file/d/1RKApEVHbALuyrq31G15BfDh41KHggcP3/view

    PC-B: PHP Basics: https://drive.google.com/file/d/1D9BzUSPfp9o_JDk-UDXVoP2PZ6aFzEgi/view

    PC-B : PHP form handle and Bootstrap: https://drive.google.com/file/d/18kMa81CMVseaPIQuFZ_KcMSK0sHmz6XG/view

  • Select activity Learning Content Lab:PC-A: CRUD and Session:&nbsp;...

    Completion

    Students must

    

    Mark as done

    Learning Content Lab:

    PC-A: CRUD and Session: https://drive.google.com/file/d/1RKApEVHbALuyrq31G15BfDh41KHggcP3/view
    

  • Select activity Understanding of Week 8

    

    Understanding of Week 8 Forum
  • Select activity Assignment on HTML design of your Project

    

    Assignment on HTML design of your Project

    Completion

    Students must

    

    Mark as done
  • Select activity Quiz on PHP

    

    Quiz on PHP

    Completion

    Students must

    

    Mark as done
  • Select activity Discussion on CRUD PHP

    

    Discussion on CRUD PHP Forum

    Completion

    Students must

    

    Mark as done
  • Select activity Assignment on HTML scratch

    

    Assignment on HTML scratch

    Not available unless: You belong to PC-B
• Select section 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
     

  • Select activity Learning Contents:PC-B: CRUD and Session:&nbsp;htt...

    Completion

    Students must

    

    Mark as done

    Learning Contents:

    PC-B: CRUD and Session: https://drive.google.com/file/d/1bHZqKV7ADSHkp8EyxiuekUtKyeKw2ja1/view

  • Select activity Understanding of Week 9

    

    Understanding of Week 9 Forum
  • Select activity Exam on CRUD

    

    Exam on CRUD Quiz

    Completion

    Students must

    

    Mark as done
• Select section 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/
     

  • Select activity Learning Content:PC-A: MVC:&nbsp;https://drive.goo...

    Completion

    Students must

    

    Mark as done

    Learning Content:

    PC-A: MVC: https://drive.google.com/file/d/1WYiYdsym_9VjgBhzdNGlMBeQzwI9gPO1/view

  • Select activity Understanding of Week 10

    

    Understanding of Week 10 Forum
  • Select activity PHP quizPHP exercise

    • PHP quiz
    • PHP exercise
• Select section 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
     

  • Select activity Learning Contents theory and Lab:&nbsp;The lab Sub...

    Completion

    Students must

    

    Mark as done

    Learning Contents theory and Lab:

     The lab Submission date and Instruction, Laravel Theory PC-A: https://drive.google.com/file/d/1vRjc7zP2ipgBwJp89oVVS0NR9tH8KQnh/view

    Laravel Part 1: PC-A: https://drive.google.com/file/d/1Yp6UsaqP7tJm2x-fe-dayT25NNW2mp_h/view

    Laravel Part-2: PC-A: https://drive.google.com/file/d/10bTq1e0Ed6nCjIx3yyb8s81cpXDenrLm/view

    Laravel PC-B: https://drive.google.com/file/d/1fQ8RxR4g575i_A7lGjuKVMRq6KIQLSjV/view

  • Select activity Understanding of Week 11

    

    Understanding of Week 11 Forum
  • Select activity Explore PHP and Self Test

    

    Explore PHP and Self Test Lesson

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

  • Select activity Self test on PHP

    

    Self test on PHP Lesson

    In this activity students will review PHP and build self confidence.
    
• Select section 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
     

  • Select activity Understanding of Week 12

    

    Understanding of Week 12 Forum
  • Select activity Lab Final Exam

    

    Lab Final Exam Assignment

    Completion

    Students must

    

    Mark as done
  • Select activity Live Presentation

    

    Live Presentation Assignment

    Completion

    Students must

    

    Mark as done
• Select section 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

  • Select activity Final Exam Guidelines

    

    Final Exam Guidelines Assignment

    Completion

    Students must

    

    Mark as done

    [Download  answer script  file]

    Rules : 1.Zip file is not allowed .

                 2.You only get one chance to upload .

               

    
    

  • Select activity Final Exam

    

    Final Exam Assignment

    Completion

    Students must

    

    Mark as done
  • Select activity Answer Script Submission for PC-A

    

    Answer Script Submission for PC-A Assignment

    Not available unless: You belong to PC-A
  • Select activity Answer Script Submission for PC-B

    

    Answer Script Submission for PC-B Assignment

    Not available unless: You belong to PC-B
  • Select activity Assignment on Report Submission

    

    Assignment on Report Submission

    Not available unless: You belong to PC-A
  • Select activity Assignemnt on Source Code Submission

    

    Assignemnt on Source Code Submission Assignment

    Please provide github link

    Not available unless: You belong to PC-A