Topic outline

  • Introduction

    uni-logo

    Daffodil International University

    Department of Computer Science and Engineering

    		 diu-cse

    • Welcome message for my students

      I am Chowdhury Abida Anjum Era. I am a Lecturer of Dept. of CSE of Daffodil International University. I am a graduate of Computer Science and Engineering from Ahsanullah University of science and technology. I will take CSE417(Web Engineering) And CSE418(Web Engineering Lab) for this semester. You will learn about the web and the internet and also will learn to develop websites using HTML, CSS, JavaScript, PHP, etc. This course is focused on web development. Thank You, everyone. See you in the class. 

             



      Welcome to Web Engineering! 



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


    • Instructor Details

      Instructor : Chowdhury Abida Anjum Era

      Office: Level 1, Main Building, Room No: 103, 01 Subhanbag, Mirpur Road, Dhaka-1207

      Cell Phone: 01767677265

      Email :  chowdhury.cse@diu.edu.bd

      For Communication


      For Section P

            


      For Section Q

            
    • Online Editor URL

      Online Editor

    • Course Materials URL

      • Books
      • Course Outline 
      • Lecture Notes

    • Recorded Lectures of section P

      Restricted Not available unless: You belong to P

    • Recorded Lectures of section Q

      Restricted Not available unless: You belong to P

  • Interactive Video

  • Week 1: WE Background and the Web

    WEEK 1 Introduction & Course Plan





    • 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. Tools: Editors: Netbeans/ VSCode/Notepad/ Notepad++, WAMP/ XAMP

    • Second Lecture File
    • Design a personal resume with HTML and CSS_p Assignment
      Restricted Not available unless: You belong to P

      Your resume must be included image, table, hyperlink(with a single page or multiple pages) and list etc. And these elements must be edited or modified with CSS.

      **You have to upload your work in a zip file where you have to include your HTML and CSS file, images, and a snapshot of result.

    • Design a personal resume with HTML and CSS Assignment
      Restricted Not available unless: You belong to Q

      Your resume must be included image, table, hyperlink(with a single page or multiple pages) and list etc. And these elements must be edited or modified with CSS.

      **You have to upload your work in a zip file where you have to include your HTML and CSS file, images, and a snapshot of result.

  • Week 2 : Review and Front-End technology

    • Topics

    1. Testing methodologies
    2. Project discussion
    3. HTTP
    4. 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/

  • Week 3: Discussion on HTML and CSS

    • 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

  • 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

  • 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

    • Seventh Lecture File
    • Task 01_p Assignment
      Restricted Not available unless: You belong to P

      Don't copy from others

      Zip your files and upload them here. Zip name will be your name_your student Id

    • Task01_Q Assignment
      Restricted Not available unless: You belong to Q

      Don't copy from others. It will decrease your number.
      Zip your folder and upload it here.

  • Week 6: Discussion Review

    • Topics 
    1. Review Exercise
    2. Discussion before Midterm Exam

    • Learning Outcome
    1. Practice Exercise
    2. Know Progress

    • Lab Session 6: Wrap-up front end technologies

    • Quiz 01 of section P
      Restricted Not available unless: You belong to P

      **Don't do copy from others. 

      You can write in white paper then scan it and create a pdf and then can upload your script here Or you can write here also or write in a doc file then upload it here. You don't have to use any editor, you can simply write the command to make the given design in the question. Read the question properly, it is also a part of the exam to understand the question paper. 

    • Quiz 01 of section Q
      Restricted Not available unless: You belong to Q

      **Don't do copy from others. 

      You can write in white paper then scan it and create a pdf and then can upload your script here Or you can write here also or write in a doc file then upload it here. You don't have to use any editor, you can simply write the command to make the given design in the question. Read the question properly, it is also a part of the exam to understand the question paper. 

    • Eighth Lecture File

  • Week 7 : Midterm Exam

    uni-logo

    Daffodil International University

    Department of Computer Science and Engineering

    MID TERM EXAM

    		 diu-cse
    Topics for Midterm:
    1. Basic Terminologies
    2. Selecting appropriate Testing method
    3. Understanding Requirements (RE)
    4. HTTP Protocol
    5. Design a web page (Application of HTML, CSS and JS)

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

  • Week 9: Database Management

    • Topics 
    1. Handling Database with mySQL and PHP

    • Learning Outcome
    1. Be able to access and create mySQL database
    2. Use mySQL with PHP

    • Lab Session 8: Working with mySQL and PHP
    1. https://www.w3schools.com/php/php_mysql_intro.asp

    • Eleventh Lecture File
    • Presentation submission(Theory) Assignment

      One member will upload the content from each group. Create a folder in your google drive upload the slide and presentation recording and share the driver folder link here.


    • Quiz 03 Syllabus: 9th lecture to 10th lecture(part 1, part 2)

      Backup quiz Syllabus: HTML, CSS, JavaScript

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

  • Week 11: 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

    • Instruction for writing Lab report

      On the cover page, you have to write your name and id your group member's name and id , course name and have to write instructor name. The following things you have to include in your report

      • Introduction
      • Purpose
      • Objective
      • Description About your project(how it works, result, etc)
      • Conclusion

  • Week 12: Review Discussion

    • Topics 
    1. Review Discussion on final assessment and assessment type

    • Learning Outcome
    1. Self Confidence building on PHP

    • Instruction For Final Assessment of section P

      Restricted Not available unless: You belong to P

    • Instruction For Final Assessment of section Q

      Restricted Not available unless: You belong to Q
    • Project Submission Assignment

      Deadline: 11 April, 11.59 pm. Zip your project and name it by your group members id and upload the zip file to google drive and share the google drive link here.


    • Report Submission Assignment

      Upload your report in pdf format and made the pdf by your group members id.


    • Backup Quiz

      If you want to upload a file then Upload your script in pdf format.


  • Week 13

    uni-logo

    Daffodil International University

    Department of Computer Science and Engineering

    Final Assessment

    		 diu-cse
      
    Topics for Final Assessment:
    1. Application of Front end and back end programming
    2. Design pattern and Project Management
    3. Basic about emerging technologies

    • LAB FINAL Quiz

      Instruction:
      • Don't copy from others
      • If you want to submit your answer here, you can do by online text submission
      • If you want to submit your answer by file submission, you have to zip your all files(HTML, CSS, PHP) to submit

    • Final Assessment Question, Answer, and Submission Link

      Instruction For Final Assessment:

      • Prepare a presentation slide depending on the given question and then present that slide and record it.
      • Submit your presentation slide and recording in the shared google drive which is given below. To upload your content, first create a folder by your student id in the given good drive link, then upload your content in that folder.