Topic outline

• Introduction
  

  Introduction

  Daffodil International University Department of Computer Science and Engineering

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

  • Student Interest Discovery Survey
  • Course Discussion Forum
  • Welcome Message

    
    
  • Online Editor URL

    Mark as done

    Online Editor
    

  • Announcements Forum
  • Attendance 

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

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

  WEEK WORK PLAN DiscussionTopics Overview  Internet and the Web Client-Server Paradigm Requirement Engineering Learning Outcome Differentiate between Web and Internet Understand Client-Server Paradigm Select the appropriate tools Analyse and Design System Requirements  Lab Session 1: Introduction to the Web Engineering and different toolsURL  Roadmap: https://www.w3schools.com/whatis/ Tools: Editors: Netbeans/Sublime Text/PHP Storm/ VSCode/Notepad/ Notepad++, WAMP/ XAMP

  • 1.1 Necessity of SWE and Computer Networking URL
  • 1.2 Are web developers software engineers? URL
  • 1.3 Understanding of Week 1 Forum
  • Video Lecture : Introduction to basic Web Engineering(Part-I) 

    
    

  • 1.4 First Lecture File :Introduction Lecture

    Mark as done
  • 
    

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

    
    

    Mark as done
  • CSE418:Table structure using HTML

     

     
    

    Mark as done
  • CSE418: How to insert image in HTML Table

     
    

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

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

  WEEK WORK PLAN Discussion Topics Testing methodologies Project discussion HTTP HTML(Part-1): Basic HTML Learning Outcome Choose right Testing methodology Course Project team formation and discussion on deliverables Understand the HTTP and HTML5 elements Lab Session 2: Working with HTML https://www.codecademy.com/catalog/language/html-css https://www.w3schools.com/html/

  • 2.1 Understanding of Week 2 Forum
  • CSE418: How to link one page to another page  in HTML

    Mark as done
  • CSE418:Multiple page decoration in HTML

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

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

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

    
    

    Mark as done
  • Lecture: HTTP File

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

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

  WEEK WORK PLAN Discussion Topics HTML(Part-2): HTML Elements CSS(Part-1): Different types of CSS Class Test-1 Learning Outcome Know basics of static web page Understand and apply HTML and CSS Lab Session 3: Working with CSS https://www.w3schools.com/css/default.asp

  • 3.1 Understanding of Week 3 Forum
  • How to create a simple website using HTML & CSS || Step by step Website Part:4

    
    

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

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

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

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

    
    

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

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

  WEEK WORK PLAN Discussion Topics Practice lesson on basic HTML and CSS Layout  using <div> tag, Table , and CSS Box Model  Learning Outcome Review and Self-Confidence building on Basic html, css Understand and Apply Layout to design pages efficiently Lab Session 4: Creating Layout https://www.w3schools.com/css/css_website_layout.asp

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

  • 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

  • 4.2 Understanding of Week 4 Forum
  • Theory Concept: Basic CSS Grid Layout

    Mark as done
  • CSS Grid Layout Lab Part-1

    Mark as done
  • Basic JavaScript Part-1

    
    

    Mark as done
  • JavaScript Basic part-2(JS variable rules and JS operator)

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

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

  WEEK WORK PLAN Discussion Topics JavaScripts  and JS Libraries DOM, Events Forms Learning Outcome Understand and Apply JS Use DOM to manipulate your content Events and Forms Lab Session 5: Working with JS https://www.w3schools.com/js/default.asp https://www.w3schools.com/html/html_forms.asp https://www.w3schools.com/js/js_htmldom.asp

  • Self Test Quiz on:
    

    • HTML
    • CSS

  • 5.1 Understanding of Week 5 Forum
  • Simple calculator using JavaScript

    Mark as done
  • Simple form validation using JS

    Mark as done
• Week 6: Discussion Review ( )
  

  Week 6: Discussion Review ( )

  WEEK WORK PLAN Discussion Topics Review Exercise Discussion before Midterm Exam Class Test-2 Learning Outcome Practice Exercise Know Progress Lab Session 6: Wrap-up front end technologies

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

  • 6.1 Understanding of Week 6 Forum
  • How to Display Current Time in JavaScript

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

  Week 7 : Midterm Exam ( 15th November 2021 )

  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)

  • Exam Instructions and Script Template File

    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 .
    
    

    
    

  • Exam Script Template File

    Mark as done
  • Mid-term Exam Question and Answer Submission Forum Assignment

    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 8: Server Side Programming and PHP (25th July 2021-)

  WEEK WORK PLAN Discussion Topics Server Side Programming Basic PHP Work with forms, cookies, files, time and date. Create a basic checker for user-entered data. Learning Outcome Know about  Server Side Programming PHP and its workings.  Implement different requirements/problems with PHP Lab Session 7: Working with PHP https://www.w3schools.com/php/

  • 8.1 Understanding of Week 8 Forum
  • How to show/hide password using JQuery

    
    

    Mark as done
  • How to download or use Bootstrap|| Bootstrap Introduction

    Mark as done
• Week 9: Database Management (mySQL) ( )
  

  Week 9: Database Management (mySQL) ( )

  WEEK WORK PLAN Discussion Topics Handling Database with mySQL and PHP Learning Outcome Be able to access and create mySQL database CRUD operations Use mySQL with PHP Lab Session 8: Working with mySQL and PHP https://www.w3schools.com/php/php_mysql_intro.asp

  • 9.1 Understanding of Week 9 Forum
  • Video Lecture: PHP insert data 

    
    

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

  Week 10: Project Management and MVC ( )

  WEEK WORK PLAN Discussion Topics Project management MVC design pattern Discuss course project Learning Outcome Understand and apply MVC design pattern Understand Project management techniques Lab Session 9: Front end and Back End integration Read here: https://vsupalov.com/how-backend-and-frontend-communicate/ https://www.geeksforgeeks.org/frontend-vs-backend/

  • 10.1 Understanding of Week 10 Forum
  • • PHP quiz
    • PHP exercise
  • 1.0 Laravel Introduction Tutorial -Tools install and basic part-1

    
    

    Mark as done
  • 2.0 Laravel Introduction tutorial - How to create a project part-2

    
    

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

    
    

    Mark as done
  • 4.0 Laravel Basic Routing part-4

    
    

    Mark as done
  • 5.0 Basic routing with views || laravel part -5 

    
    

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

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

  WEEK WORK PLAN Discussion Topics Review Discussion Class Test#3 Learning Outcome Review Exercise on PHP Self Confidence building on PHP Lab Session 10: Project integration and presentation https://www.wikihow.com/Creatively-Present-a-Project

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

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

  • 11.3 Self test on PHP Lesson

    In this activity students will review PHP and build self confidence.
    
  • 1.0 Laravel Tutorial | Routing with Controller part-6

    
    

    Mark as done
  • 2.0 Laravel Part -7 (Routing with  href link )

    
    

    Mark as done
  • 3.0 Laravel-part 8(Routing with parameter)

    Mark as done
  • Second Quiz : Section C Assignment

    Mark as done

    Dear Students, Submit your answer as pdf file  .

    Time : 1 hour 

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

  Week 12: Discussion on Other Technologies and Presentation ( )

  WEEK WORK PLAN Discussion Topics Discussion on other technologies.ie, JSON, XML, AJax  etc. Review exercise Presentation Learning Outcome Analysing web technologies Know usefulness of different emerging technologies Lab Session 11: Project integration and presentation https://www.brightwork.com/blog/7-steps-effective-report-writing https://www.ieee.org/conferences/publishing/templates.html

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

  Week 13

  Not available