web engineering assignment

Web Engineering SS22 - TU Wien

Team and overview, registration.

Important! Please register on TISS until Wednesday, 02.03.2021 23:55 (strict deadline!) to be able to participate in this course.

All students registered in TISS until the deadline will have access to the course. To officially register, you have to complete Assignment 0 (A0), which will be available on TUWEL . You will be able to deregister until 08.03.2021 23:55, which is also the deadline for A0. As soon as you submit A0, you will receive a certificate (Zeugnis).

Prerequisities

Formally, participation in this course is regulated by STEOP rules. Please understand that we cannot make any exceptions.

We expect that you have working knowledge with at least one imperative programming language (e.g., Java, Python), as taught in an introductory programming course. We also require basic knowledge of version control systems, particularly how to use git .

Timetable/Lectures

The following timetable lists all important dates for the course (lectures, tests, deadlines, tutor office hours) together with accompanying material (required reading, slides as PDFs, link to lecture videos).

Required reading should be done in preperation before the lecture! Reading material is not always strictly "reading", but can also involve interactive online exercises. Note that: The contents of the listed required readings will be part of the tests.

If a deadline is listed on a certain date, assume it due at 23:55 that day unless specified otherwise.

Additional reading and exercises

For those who want to read and practice on their own, we collected a list of additional (optional) resources (interactive tutorials, reading):

• HTML: Practice HTML (FreeCodeCamp)
• Practice CSS (FreeCodeCamp)
• CSS Selectors explained in plain English
• Removing White Space Below Image Elements, or Why Inline Elements Have Descenders
• Grid by Example
• Accessibility: Writing HTML , CSS , and JavaScript with Accessibility in mind (3 articles by Manuel Matuzovic)
• Reference: Bookmark the JavaScript Reference to look up during programming
• Scopes: Understanding Scope in JavaScript , Scopes and Closures
• Event Loop: JavaScript Event Loop Explained , What the heck is the event loop anyway (until 21:45), Visualize the event loop with Loupe
• REST: Read the REST API Checklist
• Intro to Vue.js
• Vue.js guide
• As the lecture progresses, we will add more resources here!

Lecture Mode

• In particular, we provide required reading material prior to class.
• Students should then watch already recorded lectures by the professor.
• In live lectures, we then demonstrate the material live on the command line, browser, or IDE.

Assignments

• Assignment 0 (A0) - HTTP (1 point) : You have to send a series of HTTP requests to one of our servers.
• Assignment 1 (A1) - HTML/CSS (14 points) : You are given the design guide for the online shop "Artmart" and are tasked with producing a static frontend in HTML5 and CSS3 that is responsive and accessible.
• Assignment 2 (A2) - JavaScript (25 points) : You introduce interactivity to the existing static frontend with JavaScript by dynamically retrieving picture data from the Metropolitan Museum of Art Collection API and allowing users to configure picture frames on the fly by adapting the Document Object Model (DOM).
• Assignment 3 (A3) - Node.js (15 points) : You build part of the backend for Artmart as a web service in Node.js in JavaScript.
• Assignment 4 (A4) - Vue.js (15 points) : You introduce frontend abstractions for Artmart in Vue.js

Theoretical part

• Test 1: L1 – L5
• Test 2: L6 – L9
• The sum of both tests has to be at least 50% (T1 + T2 >= 15 points)
• The tests will be held online on TUWEL . You will need a stable internet connection.
• There will be no retake test.

Practical part

• Five assignments (A0-A4)
• More than 30% on each assignment
• At least 50% over all assignments (A0+A1+A2+A3+A4 >= 35 points)

Grading Scale

• U2: 75-87.99
• B3: 63-74.99
• G4: 50-62.99
• N5: 0-49.99

Academic Honesty

Prerequisites

Previously taken (CS 213 or CIT 336) and previously or currently taking (CS 246 or CIT 260)

Course Materials Needed

• The Internet
• Web hosting at OpenShift. Free for basic usage.

This course builds upon Web Engineering I allowing students to create more advanced web applications and services. The emphasis of this course will be on server-side technologies and n-tier applications using relational database technology. Different server-side technologies will be used for creating dynamic n-tier web applications. Client side technologies will be enhanced and combined with server-side technologies to create rich; web applications.

At the end of this semester successful students will be able to:

• Create advanced web applications and services through server side programming and relational database technology.
• Build rich, dynamic, n-tier web applications.
• Demonstrate the ability and recognize the importance of separating web applications into tiers.
• Recognize the fundamentals behind and understand the advantages and disadvantages of the many different and competing web technologies.
• Independently learn and apply new technologies.

Learning Model Architecture

Prepare: You will be reading reference and tutorial websites and watching instructor demos.

Teach One Another: You will be participating in Team Readiness Exercises, posting helpful links, and working on team projects.

Ponder and Prove: You will be doing weekly programming assignments (both individual and team-based).

Activities And Assignments

Team readiness activity instructions.

At the beginning of each week, there will be a Team Readiness Activity designed to help reinforce the concept that will be covered that week, and give students an opportunity to teach one another, and to be prepared for the weekly assignment.

These activities are to be completed in teams (except for the first two weeks when we will have Individual Readiness Activities), and are designed to take less than an hour. Each activity is designed to be a straightforward application of the concepts of the week to help prepare students for the weekly assignment, which will require significantly more application, adaptation, and problem solving skills.

Face-to-Face students will complete this activity in class during the first class meeting of the week.

Online students need to coordinate a time to meet with their team members each week before Wednesday night when the assignment is due. At a minimum, online students should arrange a virtual meeting (Skype, Google Hangout, etc.), where they can verbally work together as the assignment is written. The assignment itself can be jointly co-authored in a real-time collaborative editor (Google Docs), or IT could be authored on a student's computer provided the screen is shared to allow the other team members to help describe what to type.

Each student is expected to read/watch the weekly preparation material before meeting with their teams to make the meeting time as efficient as possible. Each team member is expected to contribute to this deliverable, and each will submit a copy of the same files.

If circumstances require a student to be absent, they must notify the instructor and their teammates beforehand, in which case they will receive the same score as their teammates. Otherwise no credit will be given for the activity. In addition, at the end of the semester each individual will evaluate the contributions of their team members, which will also factor into the team activity score.

Assignments/Projects

An assignment/project and a self-assessment will be due each week on Saturday night. For much of the first half of the semester, students will work on an individual project, where the weekly assignments make up pieces of the overall project. For the second half of the semester, students will be divided into teams working on more in depth projects and will have weekly milestones to meet.

There will be one midterm exam and one comprehensive final exam.

Wiki and Developer Forum Discussion Board

Each week you should participate on either the Wiki or the Developer Forum discussion board by contributing at least one entry, post, or comment on another student's posting. You are encouraged to add helpful links to fixes you may have found, or anything interesting that is related to the course material. Feel free to visit with each other on the discussion boards and get to know your classmates. Ask each other questions if you are struggling with any concept, and help each other by providing answers to any questions you can.

Grading Policy

Grades will be assigned according to the following breakdown:

Assignments/Projects: 50%

Team Activities: 15%

Preparation Quizzes: 10%

Assessments

Grades for most assignments (unless otherwise noted) are assigned in broad terms according to the following scale:

50% - Some attempt was made

70% - Developing, but significantly deficient

85% - Slightly deficient, but still mostly adequate

93% - Meets Requirements

100% - Shows Creativity, and a desire to excel above and beyond

Final Grade Scale

Academic honesty.

Be responsible for your own education. You may work with your classmates, but all individual work that is submitted must be original. When programming, share ideas but do not share code! Assistance from a classmate should be on par with the help you would expect from a lab assistant.

I encourage you to use the Internet as a resource, but recognize that you should not copy and paste someone else's work as your own. Cite all sources and follow copyright laws. When in doubt, give credit and be upfront.

The penalty for copying or plagiarism of assignments might be one or more of the following: a zero on the assignment, being asked to withdraw from the class, a failing grade in the class, or disciplinary action by the university.

Changes To Schedule And Assignments

Schedules, assignments, and policies are subject to change. You will be notified of any changes in class and on the course website.

Accessibility

Brigham Young University-Idaho is committed to providing a working and learning atmosphere that accommodates qualified persons with disabilities. If you have a disability and require accommodations, please contact the Disability Services Office (208) 496-9210. Reasonable academic accommodations are reviewed for all students who have qualified documented disabilities. Services are coordinated with the students and instructor by the Disability Services Office.

Search code, repositories, users, issues, pull requests...

Provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• Notifications

This contains the several assignments for web engineering course for crawford university.

IAdejokun/Crawford-Web-Engineering-Assignment

Folders and files, repository files navigation.

Folder contains assignment

Assignments

Sample problems.

Browse Course Material

Course info.

• Dr. George Kocur

Departments

• Civil and Environmental Engineering
• Engineering Systems Division

As Taught In

• Information Technology
• Data Mining
• Software Design and Engineering

Learning Resource Types

Database, internet, and systems integration technologies, 1.264j lecture 22 notes: web: web services.

This file contains information regarding lecture notes 22.

Web Engineering Theory and Lab (Spring 21)

Topic outline.

Introduction

Welcome to Web Engineering! 

Course Rationale

• S. Schafer, Web Standards, Wiley Publishing, 2005, ISBN 978-0-7645-8820-4.
• Google Drive Repository
• Course Outline
• Lecture Notes/Presentations
• Assignments
• Lab Materials
• Lab Report Template (IEEE formt)
• Student Attendance Sheet
• Online Course   by  University of Liverpool [Highly Recommended]

Welcome Message

pZV_RlrHjBg

• Google Classroom (section: L) (Click me) Code: 6doij4e Google Classroom (section: M) (Click me) Code: mvjjy76 Google Classroom (section: N) (Click me) Code: fwok5wu Mark as done

Week 1: WE Background and the Web

• 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

Class Room Details:

• Google Class Room
• Class Code: 6doij4e

Theory Class Materials:

Slides and Necessary Documents

• Frist Class Lecture File
• Second Class Lecture File -1
• Second Class Lecture File -2
• Additional Slide
• Necessity of SWE and Computer Networking
• Are web developers software engineers?

Class Lecture

• Overview of Web Engineering and Different types of protocol
• Based on Attributes of Web Based Applications
• Requirements Engineering

Lab Class Materials:

• Basic HTML Slide

Lab Lecture

• Basic Coding With HTML
• Class Code: mvjjy76

Project Related Information:

Submit your project information to the following Google Form Link

• Google Form Link

Instructions:

• One member from each group will fill up the form.
• There should be 3 group members.
• Anyone can do a single project if they want.
• After giving the name and description of the project, if something doesn't feel right, I will change it.
• It must be filled up before the next lab.
• Overview of Web Engineering Different types of protocol and Attributes of Web Based Applications
• Requirements Engineering and Testing
• Basic Coding with HTML
• Class Code: fwok5wu

Basic Coding with HTML (Part - I)

Basic coding with html (part - ii), how to create a table in html.

  https://elearn.daffodilvarsity.edu.bd/pluginfile.php/1047120/mod_label/intro/Basic%20HTML%20%28Part%20-%20II%29.mp4  

Basic Coding with HTML (Part - III)

How to create a form in html.

  https://elearn.daffodilvarsity.edu.bd/pluginfile.php/1047122/mod_label/intro/Basic%20HTML%20%28Part%20-%20III%29.mp4  

Week 2 : Review and Front-End technology

• Testing methodologies
• Project discussion
• HTML(Part-1): Basic HTML
• Choose right Testing methodology
• Course Project team formation and d iscussion 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/
• Response Link
• The Project Should be different for each group. It can't be same.
• HTTP & HTML
• RE Test and HTML
• HTTP and HTML
• Basic CSS Slide

Homework: Design a Home Page with HTML and CSS

• Basic Coding with HTML & CSS
• Class Lecture File
• HTTP Overview
• Basic Coding with CSS

Presentation slide for project

The topics that should be in the presentation slide:

• Name of the group members.
• Name of the project.
• Description of the project.
• How many pages will be in the whole project.
• What will be the functionality of each page.
• What are topics that will cover this project? (such as: Login, Sign up, Payment Gateway etc.)
• Basic design of each page should be added to the slide.
• Homework: Design a blog with HTML and CSS
• Basic Coding With HTML and CSS

Week 3: Discussion on HTML and CSS

• Topics 
• HTML(Part-2): HTML Elements
• CSS(Part-1): Different types of CSS
• Class Test-1
• 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

This assignment is basically based on HTML and CSS. 

Assignment Details:  https://docs.google.com/document/d/1mCR_L9hAb7z4R825fLepynnzMOvtHaYFVBh14DaIv9I/edit#

Due Date: Mar 04,2021

• Submit your presentation file to the following link: https://docs.google.com/forms/d/1AFma3yxWghCCPWzwruq28AE-vNH8QaMqRy2Og2d2Mz8/edit
• Submit your presentation file to the following link: https://docs.google.com/forms/d/1eWmTwiWoeNnoAgqPLS8JbEdBKKk1ZCnU1Vj9ahbHEcI/edit
• Presentation

Week 4: Adaptive Lesson and Layout

• Practice lesson on basic HTML and CSS
• Layout  using <div> tag, Table , and CSS Box Model 
• 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

-c1yKeB-ocM

CSS Grid Layout Lab Part-1

PLu5DnsIo9g

Basic JavaScript part-1

• JS Intro Basic 1
• CSS_1 and Layout
• Basic Coding with HTML, CSS & Javascript

Week 5: JavaScript

• JavaScripts  and JS Libraries
• DOM, Events
• 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
• JS_DOM_Forms
• Submit your presentation file to the following link: https://docs.google.com/forms/d/e/1FAIpQLScVfXYSCs-D0UDhEIpj1Zg5-6jBqNZav-kVRUGC8PTx0i-w0g/viewform

Week 6: Midterm Exam

Submit your answer script to the following google form link:  https://forms.gle/EYPyH9Q5bvV3tMFp6

Week 7 : Interactive Web with JavaScript and Forms

• Project Presentation
• Javascript Form Validation
• Javascript Implementation
• Responsive Web Design and Javascript
• Javascript Fom Validation

Week 8: Server Side Programming and PHP

• Server Side Programming
• Work with forms, cookies, files, time and date.
• Create a basic checker for user-entered data.
• 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/
• Environment Setup for PHP
• PHP & MySQL

Week 9: Database Management (mySQL)

• Handling Database with mySQL and PHP
• 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

Week 10: Project Management and MVC

• Project management
• MVC design pattern
• Discuss course project
• 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/

Week 11: Review Discussion and Adaptive Lesson on PHP

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

Week 12: Discussion on Other Technologies and Presentation

•   Topics 
• Discussion on other technologies.ie, JSON, XML, AJax  etc.
• Review exercise
• 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

SENG2050 Web Engineering

Description.

• Availability

Learning outcomes

Assumed knowledge, assessment items, contact hours, course outline, course handbook.

This course introduces students to the discipline of web Engineering including the methods and techniques used in web-based system development. In contrast to traditional software engineering, web engineering methods and techniques must incorporate unique aspects of the problem domain such as: document oriented delivery, fine-grained lifecycles, user-centric development, client-server legacy system integration and diverse end user skill levels. This course draws upon previous programming and computing experience to develop practical web development and maintenance skills. This course is intended for students with knowledge of both Internet communication concepts and an introductory programming knowledge (Java & Javascript).

Availability 2024 Course Timetables

• Semester 1 - 2024

On successful completion of the course students will be able to:

1. Develop a web application using server side programming languages and components.

2. Apply the web engineering methodologies for Web application development

3. Develop a component based web solution and use UML diagrams to describe such a solution.

4. Identify and discuss the security risk of a Web application.

1.  Design methodologies to support web-based software systems

2.  Development and maintenance models for web-based software systems

3.  Server side programming and web application frameworks

4.  System security for web-based software systems

5.  Techniques to support mobile devices

SENG1110 and INFT1004 or equivalent, and SENG1050

Written Assignment: Programming Assignment 1

Written Assignment: Programming Assignment 2

Project: Group Project

Formal Examination: Formal Examination Compulsory Requirement: Pass requirement 40% - Must obtain 40% in this assessment item to pass the course.

Semester 1 - 2024 - Callaghan

Computer lab-1.

• Face to Face On Campus 2 hour(s) per week(s) for 13 week(s) starting in week 1
• SENG2050 - Semester 1, 2024 (Callaghan) (PDF, 251.1 KB)

Connect with us on social media

Disclaimer Every effort has been made to ensure the accuracy of the information on this website. However, changes to courses and programs may occur. The University accepts no responsibility for any information supplied on this web site or any actions taken on the basis of the information. Users are advised to seek confirmation of the information from the relevant area of the University.

The University of Newcastle acknowledges the traditional custodians of the lands within our footprint areas: Awabakal, Darkinjung, Biripai, Worimi, Wonnarua, and Eora Nations. We also pay respect to the wisdom of our Elders past and present.

Are you visiting our site from South Asia ? Head to our dedicated page with all the information you need to study at the University of Newcastle. Close

您是否在中国访问我们的网址？ 前往 专属页面 ，查询你在纽卡斯尔大学学习所需的所有信息。 Close