1 Project 7: My Photo Album Graded Project. 2 Assignment Write a web app to permit users to upload and view photos. User can keep up to five photos on.

Slides:



Advertisements
Similar presentations
Editorial roles Members of a Manila site can be assigned an editorial role if you want to grant them access to write stories or modify the appearance of.
Advertisements

Getting Started. Edline Web Site Requirements Provide Students and Parents With: 1.A Brief Course Description 2.Your Address 3.Course Syllabus 4.Major.
1 Project 6: Tic Tac Toe. 2 Tic Tac Toe A Challange Project 10 Points extra credit on final grade OK to work in groups of 2 or 3.
Library Online Catalog Tutorial Pentagon Library Last Updated March 2008.
BlackBoard Content Collection Retrieval Annual Assessment Updates
BlackBoard Online Submission - Approve Annual Assessment Updates
BlackBoard Online Submission Annual Assessment Updates
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Working with SharePoint Document Libraries. What are document libraries? Document libraries are collections of files that you can share with team members.
1 Deploying a Web Application. 2 Virtual Directories Web servers map URLs to directories in their file systems. Called virtual directories. Normally one.
1 Project 6: Cats in Tree. 2 Project 3: Cats in Tree In this project you will Create a class definition for a Cat class. Populate a BST with Cat information.
1 Project 7: Huffman Code. 2 Extend the most recent version of the Huffman Code program to include decode information in the binary output file and use.
Welcome to turnitin.com!. What is turnitin.com? An online paper submission website Online grading Paper free! A place to keep a record of your assignments.
 First time student activates their google account, they need to go to an internet browser and go to  drive.google.com/a/students.macon.k12.nc.usdrive.google.com/a/students.macon.k12.nc.us.
Uploading Image Files. Introduction – Click on Control Panel Button Typically, most instructors will post the majority of their images under the “Course.
Updating the School Website St George’s C of E (V.A.) Primary School.
1 Project 4: XML Product Browser (Not Graded). Objectives This project is an exercise of the following knowledge and skills: Accessing and displaying.
Log on to Digital Locker Website You should be able to log on using Internet Explorer browser at the campus. You may need to log in using Mozilla FireFox.
MAKEOVER WEB EDITION MCPSS Web Site – Teacher Page Extreme.
Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.
1.Getting Started 2.Modifying Design 3.Page 4.News 5.Events 6.Photo Gallery 7.Newsletter Index Training 15 th Mar., 2011.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Go to your school’s web locker site school name.schoolweblockers.com) Your user name is the first letter of your first name, the first four.
1 Project 4: Vehicle Inventory. 2 Write a program to read a text file containing information about vehicles and output the information First in the order.
Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.
A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog.
Go to your school’s web locker site school name.schoolweblockers.com) Your user name is the first letter of your first name, the first 4.
CSC350: Learning Management Systems COMSATS Institute of Information Technology (Virtual Campus)
Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.
1 Project 3: Chomp (Not graded). 2 Project 3 The game of Chomp was described in a Math Trek column in Science News:
1 Project 5: New Venue. 2 New Venue Based on the posted New Venue scenario 077_Ticket_Booth_Scenarios.pdf.
1 Project 7: Northwind Traders Order Entry. 2 Northwind Order Entry Extend the Select Customer program from Project 6 to permit the user to enter orders.
Publishing Your Web Pages Ann Emmanuel SIUE Web Administrator
Go to your school’s web locker site Your user name is the first letter of your first name, the first four letters of.
11 Project 2 Towers of Hanoi. 22 Towers of Hanoi is a well known puzzle that can be very difficult to solve manually but can be programmed very easily.
1 Project 5: Printing Address Labels. 2 Assignment Write a Windows forms program to display and print a set of address labels. Input from a csv file.
Instructions for Uploading Points and Photos for Linking Uploading GPS points requires the following: At each site or transect note stop, “mark” a GPS.
1 Project 3 The Kumquat Society Conference. 2 Conference Registration In this project you will write a program to handle a conference registration. The.
Project 3: Ticket Printer
So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
1 Project 3 String Methods. Project 3: String Methods Write a program to do the following string manipulations: Prompt the user to enter a phrase and.
1 Project 1: Tickets. 2 Class Ticket Write a definition for class Ticket. A Ticket object corresponds to a physical ticket for a stage show. Attributes.
1 Project 2: Sorting Cats. Write a C++ console application to read a text file containing information about cats and output the information to the screen.
1 Project 4 Address Lookup. Project 4 Write an ASP.NET app that permits users to retrieve addresses from a potentially large list of addresses. There.
1 Project 3: Farey Sequences. 2 Farey Sequences Further details about Farey sequences, and more examples, can be found in the Wikipedia article:
Navigating the Course 1. Course Materials 2 Software: Notepad (or TextEdit on a Mac) – comes with operating system Internet Explorer Web Browser FireFox.
11 Project 2 Temperature Conversion. 22 Project 2: Temperature Conversion Write an ASP.NET Web Forms app to convert temperatures from Fahrenheit to Celsius.
1 Project 5: Leap Years. 222 Leap Years Write a program that reads an integer value from the user representing a year and determines if the year is a.
1 Project 4: Palindrome Detector. 2 Assignment Write a C++ program that reads a line of text from the keyboard and reports to the user whether the text.
Creating a Google Site For a Digital Portfolio Purpose.
1 Project 4: Venue Sort. 2 This project is an exercise in Using C++ strings. Operator overloading. Text File Input.
Fab25 User Training Cerium Labs LabCollector - LIMS Lynette Ballast.
Lindsey Velez, Director of Instructional Technology Single Sign-On One Click.
1 Project 5 Eyeglass Rx User Control. Eyeglass Rx Earlier in the semester we looked at an eyeglass prescription as an example of an HTML table. 2.
111 State Management Beginning ASP.NET in C# and VB Chapter 4 Pages
1 Project 6: New Venue. 2 New Venue Based on the posted New Venue scenario
1 Project 8: Tic Tac Toe. 2 Assignment Write an HTML and JavaScript page that pemits users to play Tic Tac Toe. Both players use a single browser. Alternating.
1 Project 12: Cars from File. This is an extension of Project 11, Car Class You may use the posted solution for Project 11 as a starting point for this.
1 Project 6: Northwind Orders. 2 The Northwind Traders Database The Northwind Traders database was created by Microsoft for training and demonstration.
MicrosoftTM SharePoint Content Management SystemTutorial
Unit 7 Learning Objectives
NetApp Online Ordering User Tutorial
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
Services Course 9/9/2018 3:37 PM Services Course Windows Live SkyDrive Participant Guide © 2008 Microsoft Corporation. All rights reserved.
Using and Viewing Homepage
Presentation transcript:

1 Project 7: My Photo Album Graded Project

2 Assignment Write a web app to permit users to upload and view photos. User can keep up to five photos on the website. As user uploads additional photos, beyond five, older photos are deleted on a first in first out basis.

3 Assignment A real app would require users to log in and would maintain a separate set of photos for each user. That is not a requirement for this assignment. Assume that there will be only one user. (Or all users share the same collection.)

4 The Album The app displays small "thumbnail" images of each photo along the left side of the page. In order loaded, oldest at the top. Thumbnails are fixed size square images, regardless of size and aspect ratio of the photos. Nonsquare photos will be distorted. This is OK. When the user clicks on a thumbnail, the app displays that photo in a larger ASPX image near the center of the page. The larger image has the same aspect ratio as the photo, so that the photo is not distorted. There is a File Upload control, and Upload button at the top of the page.

5 The Album When the page first comes up, the app displays the current photos in the thumbnails, and one photo in the larger frame. Upspecified which photo is displayed in the frame. There is a working example on scorpius (The Upload button is disabled.) Your app should have approximately the same appearance and behavior.

User clicks here

8 Requirements Clicking on an image does not cause a postback. Use JavaScript to update the large image. Thumbnails are displayed in the order in which they were uploaded. Whenver a sixth photo is uploaded, app deletes the oldest photo. Maximum of five thumbnails displayed Don't upload a file that is not an image. Accept.jpg,.gif,.png

9 Requirements Save uploaded files in a folder within the website folder. Use a database table to keep track of information that the app needs to retain between sessions. App should work correctly even if the server is restarted.

10 Nonrequirements It is OK to upload a photo that is already there. App does not need to check for duplicates. OK for multiple thumbnails to display the same photo when the photo has been uploaded multiple times. The Upload button can cause a postback. Also the Browse button in the FileUpload control.

11 Implementation Tips Consider the ASPX ImageButton for the thumbnails. The.NET FileUpload control is described on pages of the textbook. Microsoft documentation: has two different Image classes. System.Windows.Controls.Image Displays an image on a web page. System.Drawing.Image Useful for determining the dimensions of an image file.

12 Submission Submit your web site files via Blackboard Assignments. Zip your website folder using the Windows “Send to” command. Please do not use WinRAR. Submit the zipped folder.

13 Submission Deploy your application to your virtual directory on scorpius. Put the URL for your start page into the Blackboard submission comments box. Example: Substutite your scorpius user ID for wpusr40. Grader should be able to run your app by copying and pasting the link

14 Ground Rules You may work with one or two other students. OK to work alone if you prefer. If you do work in a group All members are expected to contribute. All members are expected to understand the code. All members deploy the project to their scorpius web sites. Submit only one set of website files for the group. One member submits the files. Enter all names in Assignment Comments Enter submitter’s URL in Assignment Comments Other group members should submit just a Blackboard comment including own scorpius URL and names of other group members.

15 Ground Rules Do not share your work with other students. Before or after submitting the project. OK to discuss the project. OK to look at others’ web sites with a browser. Do not copy any other student’s code. Or even look at it. Do not let anyone copy or examine your code.

16 Ground Rules Except for code posted on the class web site and in the textbook Write your own code. Do not post this assignment or questions about it on the Internet. Do not copy code from the Internet or any other source.

17 Due Date Project is due by 11:59 PM, Monday night, July 16. Substantial penalty for late submission. End of Presentation