distributed content
TRANSCRIPT
![Page 1: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/1.jpg)
Presentation by
Abdul Azeem (160310737028)
Zahed Shareef (160310737044)
Mohammed Omer (160310737052)
DISTRIBUTED CONTENT
ACCESS ON CLOUD
![Page 2: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/2.jpg)
TOPICS 2
Project Screenshots
Deploying on the Cloud
Conclusion
UML Diagrams
Introduction to Distributed Content
![Page 3: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/3.jpg)
Books
Information Resources
Audio
Media
Distributed Content consists of media content
(namely Media, Information resources and
Books). Distributed Content Access or Digital
Distribution is the delivery
of such content without the use of physical
media, usually over the Internet.
The contents provided include:
DISTRIBUTED CONTENT 3
![Page 4: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/4.jpg)
LIMITATIONS OF EXISTING SYSTEM 4
Inconsistent User-Interface
Hideous navigation
Tedious Checkout Process
Difficulty in Tracking Order
No downloadable products
No Localization options
Lack of sufficient Security
Real-time Visitor Statistics unavailable
Performance Issues
![Page 5: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/5.jpg)
FEATURES OF PROPOSED SYSTEM 4
Distributed Content Access application has been broadly divided into two phases:
• Storefront and
• Backend Administrator
The Features of the Storefront are:
• Feature-rich
• Easy to Use
• Vast Accessibility Options
• Product Search
• Downloadable Products
• Localization
• Responsive Web Design
• Device Friendly
• Search Engine Friendly
• Hassle Free Checkout
• Option for Customers to Create an Account or Continue as a Guest
• Account Settings and User Profile
• Order Summary
• Invoice Print
![Page 6: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/6.jpg)
FEATURES OF PROPOSED SYSTEM 4
The Features of the Backend Administration:
• Products Categories & Attributes
• Stock Management
• Administration Permissions and Users
• Multiple Administrator
• Payment Gateways
• Search Engine Friendly
• Meta Information for Products and Categories
• Catalog Promotions
• Catalog Statistics
• Make or Edit an Order through Admin
• Password Encryption
• Track Visitors
• View Customer Profiles
• Track Orders and Sales
![Page 7: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/7.jpg)
UML DIAGRAMS
4
![Page 8: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/8.jpg)
ENTITY RELATIONSHIP DIAGRAM 8
![Page 9: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/9.jpg)
CLASS DIAGRAM 9
![Page 10: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/10.jpg)
USE CASE DIAGRAMS 10
![Page 11: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/11.jpg)
USE CASE DIAGRAMS 6
![Page 12: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/12.jpg)
USE CASE DIAGRAMS 12
![Page 13: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/13.jpg)
USE CASE DIAGRAMS 13
![Page 14: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/14.jpg)
USE CASE DIAGRAMS 14
![Page 15: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/15.jpg)
ACTIVITY DIAGRAMS 15
![Page 16: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/16.jpg)
ACTIVITY DIAGRAMS 16
![Page 17: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/17.jpg)
ACTIVITY DIAGRAMS 17
![Page 18: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/18.jpg)
ACTIVITY DIAGRAMS 18
![Page 19: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/19.jpg)
STATE CHART DIAGRAMS 19
![Page 20: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/20.jpg)
STATE CHART DIAGRAMS 20
![Page 21: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/21.jpg)
PACKAGE DIAGRAM 21
![Page 22: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/22.jpg)
COMPONENT DIAGRAM 22
![Page 23: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/23.jpg)
SEQUENCE DIAGRAMS 23
![Page 24: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/24.jpg)
SEQUENCE DIAGRAMS 24
![Page 25: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/25.jpg)
DEPLOYING ON
THE CLOUD
![Page 26: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/26.jpg)
WHAT IS CLOUD? 26
Instead of storing all files and running all
programs on your own computer, Cloud
Computing allows you to store files and run
programs on powerful server computers
that can be controlled and accessedremotely over the Internet.
![Page 27: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/27.jpg)
ATTRIBUTES OF CLOUD 27
Scalability High Availability Interoperability
![Page 28: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/28.jpg)
SERVICES OFFERED BY CLOUD 28
Platform as a Service (PaaS): Platform as a Service is a way to rent
hardware, operating systems, storage and network capacity over the Internet.
The service delivery model allows the customer to rent virtualized servers
and associated services for running applications
• Software as a service (SaaS)
• Platform as a service (PaaS)
• Infrastructure as a service (IaaS)
Advantages from PaaS: Each platform component is provided as a service
No upfront investment in servers.
No software licensing.
No software updates for customers.
Global availability.
![Page 29: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/29.jpg)
WELCOME TO PaaS 29
![Page 30: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/30.jpg)
PROJECT DEPLOYMENT 30
![Page 31: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/31.jpg)
PROJECT DEPLOYMENT 31
![Page 32: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/32.jpg)
PROJECT DEPLOYMENT 32
![Page 33: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/33.jpg)
SCREENSHOTS
PROJECT
![Page 34: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/34.jpg)
PSEUDO CODE FOR DATABASE ACCESS 34
PSEUDO CODE:public class DB_Conn {
private String database=“DB_name", username = “user", password = “********";
private Connection con;
public Connection getConnection() throws SQLException, ClassNotFoundException {
Class.forName("com.mysql.jdbc.Driver");
con=DriverManager.getConnection("jdbc:mysql://localhost:3306/"+database+"",""+username+"",""+
password+"");
return con;
}
![Page 35: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/35.jpg)
HOMEPAGE 35
PSEUDO CODE:if (session.getAttribute("user") ==
null ){// new user, show signup
%>
<jsp:include page=
"includesPage/_joinNow.jsp">
</jsp:include>
<% }else { %>
<jsp:include page=
"includesPage/_loggedIn.jsp">
</jsp:include>
<% } %>
![Page 36: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/36.jpg)
SIGNUP 36
![Page 37: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/37.jpg)
LOGIN 37
![Page 38: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/38.jpg)
ADMINISTRATOR LOGIN 38
![Page 39: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/39.jpg)
BOOK CATALOG 39
PSEUDO CODE:<%
if (session.getAttribute("admin")
!= null){
%>
<a href=
"admin_manageProduct.jsp?pid=
<%= product_id %>">
<div class="button">Edit</div>
</a>
<%
}
%>
![Page 40: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/40.jpg)
BOOK INFORMATION 40
![Page 41: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/41.jpg)
PRODUCT CART 41
PSEUDO CODE:
id = Integer.parseInt(sid);
boolean b = cart.addProduct(id);
if (b == true) {
out.println("<td>"+ id +"</td>"+
"<td>" +
cart.getProductName(id) +
"</td>" + "<td>" +"Rs. "+
cart.getProductPrice(id)+"</td>")
;
} else {
out.println("No Product to Add");
}
![Page 42: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/42.jpg)
PRODUCT CHECKOUT 42
PSEUDO CODE:<script type="text/javascript">
$(document).ready(function (){
$('#useInfo').click(function (){
var userName = $('#userName').text();
var mobile = $('#mobile').text();
var address = $('#useAddress').text();
$('.name').attr('value', userName);
$('.address').attr('value', address);
$('.mobile').attr('value', mobile);
});
});
</script>
![Page 43: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/43.jpg)
ORDER SUMMARY 43
![Page 44: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/44.jpg)
PRINT INVOICE 44
![Page 45: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/45.jpg)
USER PROFILE 45
![Page 46: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/46.jpg)
ADMINISTRATOR DASHBOARD 46
![Page 47: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/47.jpg)
CONTACT PAGE 47
PSEUDO CODE:/* Small screens (default) */
html { font-size: 100%; }
/* Medium screens */
@media (min-width: 768px) {
html { font-size: 112%; }
}
/* Large screens*/
@media (min-width: 991px) {
html { font-size: 120%; }
}
![Page 48: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/48.jpg)
HELP PAGE 48
![Page 49: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/49.jpg)
RESPONSIVE
RESPONSIBLY
![Page 50: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/50.jpg)
GUIDE TO RESPONSIVE DESIGN 50
Responsive Architectures measure actual environmental
conditions to enable buildings to adapt their form, shape,
colour or character responsively.
Fluid grids, flexible media, mobile first and media queries are
the four technical ingredients for responsive web design.
Add the Viewport Meta Tag. Place in the <head> of the HTML. This
enables use of media queries for cross-device layouts.<meta name="viewport" content="width=device-width, initial-scale=1">
![Page 51: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/51.jpg)
BOX-SIZING MODEL 51
What was once a bug is now a widely used CSS property. It basically means you can choose
whether or not to include borders and padding in the width of your content. When box-sizing:
border-box; is specified for an element, any padding or border of the element is drawn inside the
specified width and height
Without box-sizing: border-box With box-sizing: border-box
![Page 52: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/52.jpg)
ISSUES WITH RESPONSIVE DESIGN 52
1. One (image) size doesn’t fit all- unnecessary downloads on small viewports or bad quality on large ones
- real-time image resizing is cpu and memory intensive
2. Non viewable assets are downloaded anyway (display: none is not
download: none)- unnecessary downloads
3. media-queries will not remove unnecessary code- unnecessary downloads of code not suitable for “mobile”
4. media-queries are not supported by older devices- unnecessary downloads
- unpredictable css results
5. Responsive Web App doesn’t have access to device sensors
![Page 53: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/53.jpg)
RESPONSIVE DESIGN SAMPLE 53
![Page 54: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/54.jpg)
REQUIREMENTS
HARDWARE REQUIREMENTS:
Hard Disk: 80GB
Ram 2GB
Processor Intel Dual Core 2.6GHz
54
SOFTWARE REQUIREMENTS:
IDE: NetBeans IDE 7.4, Brackets Sprint 37
TECHNOLOGIES: HTML5, CSS3, Java 6, JavaScript
![Page 55: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/55.jpg)
The future possibilities of this project are mentioned below:
• Extensions as Add-on Modules
• Serving the right Media based on User Device
• Interaction with other users
• Recommendation based on Social Media interactions
FUTURE ENHANCEMENT 55
![Page 56: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/56.jpg)
CONCLUSION 56
Highly Efficient Web Application GUI
Meets the Current User Requirements
Uses latest technology to bring forth a uniform and
responsive user-interface
Cloud has laid the foundation for future growth
Cost savings
Technological, financial, organizational benefits
![Page 57: Distributed Content](https://reader030.vdocument.in/reader030/viewer/2022032715/55ad4f0d1a28abaa7f8b4697/html5/thumbnails/57.jpg)
57