Section outline

  • Introduction

    Collapse all Expand all
    uni-logo

    Daffodil International University

    Department of Computer Science and Engineering

    		 diu-cse
    • forum icon
      Announcements Forum

    • 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  Fall  Year  2021
       Credit  3+1  Contact Hour  3hours/week
       Course Level  Level 4 Term 1                                      Prerequisite  CSE333

    • Instructor Details

      Instructor    : Sharmin Akter (Rima)
      Office           : Room#421, CSE Building
      Cell Phone   : 01798625502
      E-mail           : sharminakter.cse@diu.edu.bd

    • 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
      1. Attendance: 7%
      2. Class Tests/Quizzes:  15% 
      3. Assignment: 5%
      4. Presentation (using video/ppt): 8%
      5. Midterm Exam: 25%
      6. Final Exam: 40%
      1. Lab Attendance: 10%
      2. Project : 40%
      3. Lab Performance: 25%
      4. Lab Report (IEEE Format): 25%
      [All assessment will be based on onsite/online situation]
    • Recommended Text Resources
        • Google Drive Content 
          • 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]
    • survey icon
      Student Interest Discovery Survey
    • forum icon
      Course Discussion Forum

    • Welcome Message


    • url icon
      Online Editor URL
      Students must
      Mark as done

      Online Editor

    • forum icon
      Announcements Forum
    • Students must
      Mark as done

      Attendance 

  • Week 1: SWE Background and the Web ( 21 september 2021-29 september 2021)

      WEEK WORK PLAN
      • DiscussionTopics
      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

    • url icon
      1.1 Necessity of SWE and Computer Networking URL
    • url icon
      1.2 Are web developers software engineers? URL
    • forum icon
      1.3 Understanding of Week 1 Forum

    • Video Lecture : Introduction to basic Web Engineering(Part-I) 


    • resource icon
      1.4 First Lecture File :Introduction Lecture
      Students must
      Mark as done
    • Students must
      Mark as done


    • Students must
      Mark as done

      Lab Class->HTML Basic:Part-II(How to create a simple user interface)
       

    • Students must
      Mark as done

      CSE418:Table structure using HTML

       
       
    • Students must
      Mark as done

      CSE418: How to insert image in HTML Table

       

  • Week 2 : Review and Front-End technology ( 30 september 2021 -8 october 2021)

    • forum icon
      2.1 Understanding of Week 2 Forum
    • Students must
      Mark as done

      CSE418: How to link one page to another page  in HTML

    • Students must
      Mark as done

      CSE418:Multiple page decoration in HTML

    • Students must
      Mark as done

      How to create a simple website using HTML & CSS || Step by step Website part-1

    • Students must
      Mark as done

      How to create a simple website using HTML & CSS || Step by step Website Part:2

    • Students must
      Mark as done

      How to create a simple website using HTML & CSS || Step by step Website Part:3


    • resource icon
      Lecture: HTTP File
      Students must
      Mark as done

  • Week 3: Discussion on HTML and CSS ( 9th october2021-13 october 2021) )

      WEEK WORK PLAN
      • Discussion 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

    • forum icon
      3.1 Understanding of Week 3 Forum
    • Students must
      Mark as done

      How to create a simple website using HTML & CSS || Step by step Website Part:4


    • Students must
      Mark as done

      How to create a simple website using HTML & CSS || Step by step Website Part:5

    • Students must
      Mark as done

      How to create a simple website using HTML & CSS || Step by step Website Part:6

    • Students must
      Mark as done

      How to create a simple website using HTML & CSS || Step by step Website Part:7

    • Students must
      Mark as done

      How to create a simple website using HTML & CSS || Step by step Website Part:8


  • Week 4: Adaptive Lesson and Layout(15th october2021-24th october 2021))

      WEEK WORK PLAN
      • Discussion 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)

    • lesson icon
      4.1 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

    • forum icon
      4.2 Understanding of Week 4 Forum
    • Students must
      Mark as done

      Theory Concept: Basic CSS Grid Layout

    • Students must
      Mark as done

      CSS Grid Layout Lab Part-1

    • Students must
      Mark as done

      Basic JavaScript Part-1


    • Students must
      Mark as done

      JavaScript Basic part-2(JS variable rules and JS operator)

  • Week 5: Interactive Web with JavaScript and Forms ( 10 October2021-24th October 2021)

    • Self Test Quiz on:

    • forum icon
      5.1 Understanding of Week 5 Forum
    • Students must
      Mark as done

      Simple calculator using JavaScript

    • Students must
      Mark as done

      Simple form validation using JS

  • Week 6: Discussion Review ( )

      WEEK WORK PLAN
      • Discussion 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:
      • Submission of Assignment - 2 (Generally on Javascript)

    • forum icon
      6.1 Understanding of Week 6 Forum
    • Students must
      Mark as done

      How to Display Current Time in JavaScript

  • Week 7 : Midterm Exam ( 15th November 2021 )

    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. Design a web page (Application of HTML, CSS and JS)
    • resource icon
      Exam Instructions and Script Template File
      Students must
      Mark as done

      Instructions :
      1.Don't copy paste .You may write in doc file or hand writing (but submit it as pdf file ).
      2.Time will be followed strictly.
      3.If you are failed to upload your answer in blc then you can sent email(for email ,write with the reason) .
      4.File submission time once .


    • resource icon
      Exam Script Template File
      Students must
      Mark as done
    • assign icon
      Mid-term Exam Question and Answer Submission Forum Assignment
      Students must
      Mark as done

      Dear Students,
      Please submit your answer as pdf file.Don't copy paste and there is no extra time .Best wishes.

  • Week 8: Server Side Programming and PHP (25th July 2021-)

      WEEK WORK PLAN
      • Discussion 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/

    • forum icon
      8.1 Understanding of Week 8 Forum
    • Students must
      Mark as done

      How to show/hide password using JQuery


    • Students must
      Mark as done

      How to download or use Bootstrap|| Bootstrap Introduction

  • Week 9: Database Management (mySQL) ( )

      WEEK WORK PLAN
      • Discussion 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

    • forum icon
      9.1 Understanding of Week 9 Forum
    • Students must
      Mark as done

      Video Lecture: PHP insert data 


  • Week 10: Project Management and MVC ( )

    • forum icon
      10.1 Understanding of Week 10 Forum
    • Students must
      Mark as done

      1.0 Laravel Introduction Tutorial -Tools install and basic part-1


    • Students must
      Mark as done

      2.0 Laravel Introduction tutorial - How to create a project part-2


    • Students must
      Mark as done

      3.0 Laravel Tutorial || How to run project and PHP artisan commands with action part-3


    • Students must
      Mark as done

      4.0 Laravel Basic Routing part-4


    • Students must
      Mark as done

      5.0 Basic routing with views || laravel part -5 


  • Week 11: Review Discussion and Adaptive Lesson on PHP(April2021)

    • forum icon
      11.1 Understanding of Week 11 Forum
    • lesson icon
      11.2 Explore PHP and Self Test Lesson

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

    • lesson icon
      11.3 Self test on PHP Lesson
      In this activity students will review PHP and build self confidence.
    • Students must
      Mark as done

      1.0 Laravel Tutorial | Routing with Controller part-6


    • Students must
      Mark as done

      2.0 Laravel Part -7 (Routing with  href link )


    • Students must
      Mark as done

      3.0 Laravel-part 8(Routing with parameter)

    • assign icon
      Second Quiz : Section C Assignment
      Students must
      Mark as done

      Dear Students, Submit your answer as pdf file  .

      Time : 1 hour 

  • Week 12: Discussion on Other Technologies and Presentation ( )