Create your Personal Portfolio Website using ExpressJS and implementing the EJS templating engine.
Pay very close attention to the instructions of both Assignments
Requirements: N/A
Online graded lab assignment “Agents” Due date: End of week #3 General Instructions: Be sure to read the following general instructions carefully: 1. This assignment must be completed individually by all the students. 2. Only provide the requested screenshots and make sure to have a complete screenshot, partial screenshots will not earn any marks. 3. You will accompany your solution submission with an analysis report that contains your findings and the required screenshots. 4. You will have to provide a demonstration video for your solution and upload the video together with the solution on eCentennial through the assignment link. See the video recording instructions at the end of this document. Pre-requisite to carrying out the assignment: 5. download from the course shell the following Python script, examine and test: a. blinddog_simple_reflex.py 6. Go through and watch all “Agent” lab tutorials related to module #2 to understand how the code works. Assignment – exercise: Simple reflex agent Open the code blinddog_simple_reflex.py and carry out the following requirements: Requirements: 1- Add a new food item at location 9 in the park. (10 mark) 2- Add a new thing to the environment name it “Person” (20 mark) 3- Create two instances (objects) of the “Person” class and name the first instance your first name and set the location of this instance to be 3 in the park environment. Name the second instance your last name and set the location of this instance to be 12 in the park environment. (20 mark) Add a new action to the percepts for the blinddog agent as follows: 4-If the agent encounters a person at the park to bark. (hint: Check how action “drink” operates, there are many classes that need to be changed in the code) (50 mark) 5-Run the park environment for 18 steps check the results and take a screenshot of the results, it has to be a full screen showing the console output. In your analysis report draw a class diagram for the code mentioning the attributes methods used in the assignment, i.e. you need to only focus on the classes related to the specific requirements mentioned in the assignment. Use Microsoft Visio to generate your class diagram and save the output as an image to
be inserted into your analysis report. Add the screenshots to the analysis report. Also add any descriptions you see suitable in your analysis report. Drop the code, analysis report and demonstration video in the assignment folder named Assignment- Agents by the due date. Naming and Submission Rules: 1. You must name your submission according to the following rule: YourFullname_COMP237assignmentnumber. Example: AdamPerjouski_COMP237assignment1 2. Please add the python solution file .py to your submission after naming it firstname_agent.py. 3. Please accompany your submission with an analysis report, word document or pdf document showing all the analysis, make sure you add the required screen shots in the word document. 4. Upload the submission file on eCentennial using the Assignment link. Rubric Evaluation criteria Not acceptable Below Average Average Competent Excellent 0% – 24% 25%-49% 50-69% 70%-83% 84%-100% Functionality Missing all functionalities required Some requirements are implemented. Majority of requirements are implemented but some are malfunctioning. Majority of requirements implemented. All requirements are implemented Correctly. Classes Classes have been created incorrectly or completely missing. Classes have been defined but have errors. Instances are incorrectly used. Classes have been defined correctly but instances are used incorrectly or not created at all. Classes have been defined correctly but some instances are used incorrectly. Classes are correctly defined and makes use of its own functions which are called somewhere else in the code. Instances have been created and used correctly. Documentation No comments explaining code changes. Minor comments are implemented. Some code changes are correctly commented. Majority of code changes are correctly commented. All code changes are correctly commented. Design No adherence to object design principles. Minor adherence to object design principles. Some object oriented and modulus design Majority of Object oriented and modulus Object oriented and modulus design
principles are adhered to. design principles are adhered to. principles are adhered to. Testing & Evaluation No evidence of testing and evaluation of the requirements. Minor evaluation and testing efforts. Some of the requirements have been tested & evaluated. Majority of requirements are tested & evaluated. Realistic evaluation and testing, comparing the solution to the requirements. Demonstration Video Very weak no mention of the code changes. Execution of code not demonstrated. Some parts of the code changes presented. Execution of code partially demonstrated. All code changes presented but without explanation why. Code demonstrated. All code changes presented with explanation, exceeding time limit. Code demonstrated. A comprehensive view of all code changes presented with explanation, within time limit. Code demonstrated. Demonstration Video Recording Please record a short video (max 4-5 minutes) to explain/demonstrate your assignment solution. You may use the Windows 10 Game bar to do the recording: 1. Press the Windows key + G at the same time to open the Game Bar dialog. 2. Check the “Yes, this is a game” checkbox to load the Game Bar. 3. Click on the Start Recording button (or Win + Alt + R) to begin capturing the video. 4. Stop the recording by clicking on the red recording bar that will be on the top right of the program window. (If it disappears on you, press Win + G again to bring the Game Bar back.) You’ll find your recorded video (MP4 file), under the Videos folder in a subfolder called Captures. Submit the video together with your solution and written response.
COMP229– Web Application Development
Assignment 1
Express Portfolio Site
Due: Week 4(————————) @ midnight
Value 10%
Express Portfolio Site Maximum Mark: 100
Overview: Create your Personal Portfolio Website using ExpressJS and implementing the EJS templating engine.
Instructions:
This Express site must include the pages from your Personal Portfolio 5 pages – your Home page, an About Me page, a Projects page, a Services page, and a Contact Me page.
Your Site must include the appropriate content for a Personal Portfolio (25 Marks: Content)
You must include a Navigation Bar or other Navigation scheme that allows the user to view each page of your site.
You must include a Custom Logo for your site, this should be placed in or around the main Navigation bar. The Custom Logo can be as simple or artistic as you desire (e.g. you could use a primitive colour-filled shape like a triangle or hexagon with your initials positioned inside). Please do not use a logo that belongs to another company or person.
Your Home Page should include some sort of welcome message and link or button that allows the user to redirect to your About Me Page and / or other pages. I recommend also including some sort of Mission Statement.
Your About Me Page should include your legal name, an image of you (I recommend a head and shoulders shot), a short paragraph about who you are. Keep this clean and simple as it may be viewed by perspective employers.
Your About Me page should include a link to a PDF version of your Resume.
Your Projects Page should include images and information for at least 3 Projects you wish to highlight. These could be current projects you are working on or past projects you have completed. Include an image for each Project and a short description of your role and the outcome.
Your Services Page should include a short list of services you offer (e.g. general programming, web development, mobile apps, etc.). I recommend including images that make this more appealing to view.
Your Contact Page should include your contact information in a panel or other construct.
Your Contact Page should include a short interactive form that allows the user send you a message and provide basic contact information (First Name, Last Name, Contact Number, Email Address, Message, etc.). This form does not have to be fully functional initially. However, it should be able to capture the information entered by the user and redirect them back to the Home Page.
Your Portfolio site will use ExpressJS and NodeJS and your web pages have been split to use different View templates and partials by implementing the EJS templating engine and Express Routes (20 Marks)
Your site should include at least 5 View templates – one for your Home Page, e.t.c. Note: You may include additional templates as needed to accommodate other site pages..
An Express Route must exist for each page of your site. Note: You will need to use the router.get(path, callback(req, res, next)) method structure with a res.render(view, locals) method call to render each view.
Your site will use the new structure created by the Express Generator. Your site files will be migrated to work within the public, routes and views folders (20 Marks: Site Structure):
Generate your site structure with the Express Generator. Note: You must use the -e option to ensure that you implement the EJS templating engine for Express.
Your JavaScript, CSS and Multimedia Asset Files should be moved to separate folders within the public folder. Using the Twitter Bootstrap CSS framework is strongly recommended, though not required. Note: the public folder is part of the path and does not have to be referenced.
You will define routes for all of your site pages in the index.js file in your routes folder.
Your views folder will contain your EJS page templates. You will create a separate folder named partials for all of your partial EJS files. You will need several partials including header.ejs, content.ejs, footer.ejs and others.
All Your Code (HTML, CSS, JavaScript, jQuery, etc.) is error free.
Include Internal Documentation for your site (5 Marks: Internal Documentation):
Ensure you include a comment header for your CSS and JavaScript files that indicate: the
File name, Student’s Name, StudentID, and Date.
Ensure you include a section headers for all of your HTML structure, CSS style sections,
and any JavaScript functions.
Ensure all your code uses contextual variable names that help make the files human- readable.
Ensure you include inline comments that describe your GUI Design and Functionality. Note:
Please avoid “over-commenting”.
Share your files on GitHub to demonstrate Version Control Best Practices and push your site to a cloud host (10 Marks: Cloud Hosting).
Your repository must include your code and be well structured.
Your repository must include commits that demonstrate the project being updated at different stages of development – each time a major change is implemented.
You must deploy your site to your Cloud Server using git
SUBMITTING YOUR WORK
Your submission should include:
A zip archive of your website’s Project files – 5 marks
A link to GitHub (preferable). – 5 marks
A link to your live portfolio site hosted to your Cloud Server using git. – 10 marks
This assignment is weighted 10% of your total mark for this course. Late submissions:
20% deducted for each day late.
Collepals.com Plagiarism Free Papers
Are you looking for custom essay writing service or even dissertation writing services? Just request for our write my paper service, and we'll match you with the best essay writer in your subject! With an exceptional team of professional academic experts in a wide range of subjects, we can guarantee you an unrivaled quality of custom-written papers.
Why Hire Collepals.com writers to do your paper?
Quality- We are experienced and have access to ample research materials.
We write plagiarism Free Content
Confidential- We never share or sell your personal information to third parties.
Support-Chat with us today! We are always waiting to answer all your questions.
