Vietnam General Confederation of Labor TON DUC THANG UNIVERSITY FACULTY OF INFORMATION TECHNOLOGYCARD STOREInstructor: Mr... Vietnam General Confederation of Labor TON DUC THANG UNIVERSI
INFORMATION ABOUT THE PROJECT
Brief introduction
The project is based on the online postcard sales project in the early stages of modernization The website is to be developed according to the MVC (Moder-View-Controller) by using HTML5, CSS3, JavaScript, JSON, PHP, Google Map Api, Laravel Framework The site should work well in all leading browsers including Chrome, IE, Firefox, Brave, Microsoft Edge, etc With a focus toward small and medium size companies with global scope we have decided that our first main target will still become'micro' We'll consider more than 15 products worldwide at this time! In addition it has been discussed between us about making mobile app development application for every major device as much like iOS or Android apps are being created now nowadays which means there's only so many applications you can make available through any one platform & version yet unfortunately even these aren't ready right away no matter how fast modern web goes your ability to develop them would change drastically soon enough.
The website provides some basic features for users such as registration, login, view products, add to cart, place orders On the admin page, have the right to add, edit, update, product information, manage customer data, products, products and product details and more The site also allows you share your shopping experience in various ways onFacebook and Instagram This is an online store where customers can purchase items from other sellers through their social media accounts or third party shops but it does not include sales by vendors at retail outlets like Walmart We do allow all content that has been shared via our platform so we might just be too small of a market compared with Amazon Prime which gets 90 percent of its traffic from these areas It seems much less developed (and harder) than any rival company! : In addition there is another offering - OnlineBazaar These guys focus solely purely around goods.
The rationale for selecting the topic
These are some of the reasons why we chose the Online Shopping Cart theme The layout is not as intuitive as a web checkout, but it comes with features which make shopping easier and faster for all users:
First of all, this is a very popular topic and can be found in many places, because it has a very high practical application An e- commerce site in the 4.0 era is the first essential for an e-commerce platform to succeed on both technical terms as well—in particular design engineering (EPD) You need ESD with your website strategy right from day one if you want to achieve even small success at any level of sales or marketing activity.
Second, Online Shopping Cart contains basic functions that almost any website must have Examples on the buyer side are login,registration, add to cart, order, add favorites As for the manager,there is the function of adding, editing, updating products, managing the list of products, orders, and customers This page helps you understand which information about each product we provide along with detailed descriptions.
The Web site is to be created based on the following requirements:
1 The Top of the Page should be presented with a suitable logo with images of cards.
2 The site should display a menu with various sections listed into it.
3 Various sections such as Birthday, Anniversary, Friendship, New Year, Mother’s Day etc should be provided with listing of Cards and other Gift-Items.
4 Top Selling section should be provided with most selling items listed into it.
5 On Clicking on any Card or Gift-Item should open a pop-up window.
6 A brief summary about individual product should be displayed on the Popup window along with the price.
7 Filter should be provided to user to select product, brand etc.
8 User should be allowed to provide Ratings and Feedback.
9 Site map, Gallery, About us, Contact us link must be added.
10.About Us and Contact Us: This menu option should display Email id, address, and contact number
11.Color combination must be uniform throughout the project.
Link source code: https://github.com/lasaooo/CardStore_Laravel.git
Requirements
The Web site is to be created based on the following requirements:
1 The Top of the Page should be presented with a suitable logo with images of cards.
2 The site should display a menu with various sections listed into it.
3 Various sections such as Birthday, Anniversary, Friendship, New Year, Mother’s Day etc should be provided with listing of Cards and other Gift-Items.
4 Top Selling section should be provided with most selling items listed into it.
5 On Clicking on any Card or Gift-Item should open a pop-up window.
6 A brief summary about individual product should be displayed on the Popup window along with the price.
7 Filter should be provided to user to select product, brand etc.
8 User should be allowed to provide Ratings and Feedback.
9 Site map, Gallery, About us, Contact us link must be added.
10.About Us and Contact Us: This menu option should display Email id, address, and contact number
11.Color combination must be uniform throughout the project.
Run app
Source code
Link source code: https://github.com/lasaooo/CardStore_Laravel.git
WEBSITE AND ACCOUNT LINK
Website Information
Link website: https://quan2k3.minhviet.tk/
Login accounts for test
This is the user account when logging into the system Users can register as a member to be able to add their favorite products or shopping plans to their shopping cart.
Users may not need to register as a member to still be able to buy products, but the products that users buy will not be added to the shopping cart.
The admin account is the account used to manage the website's items such as users, products, employees, news, order management, product sales statistics as well as revenue.
INTRODUCTION MVC PATTERN
What is MVC ?
What is MVC? Surely this is a frequently asked question by people who are learning about the information technology industry. MVC is a design model in the Smalltalk-76 programming language presented by Dr Trygve Reenskaug in 1970 at the Xerox Palo Alto Research Center (PARC).
MVC is an acronym compounded from 3 components of the model: Model - View - Controller Each component will have a separate activity and when combined will form a complete design model.
Components in the MVC pattern
Model contains a data structure that stores all the data information of an application In the MVC model, the Model acts as a connection for the View and Controller components.
With Model set up as a database or simplified as a regular XML file When setting up the model component, the programmer needs to ensure database operations such as viewing, retrieving, or processing data in the application In other words, the Model part of the MVC architecture is the main component and it only contains business logic, data processing methods, data retrieval from the database and sending to views
In short, Model is independent of the user interface.
View is a component related to the interface of the application as the user experiences it Through MVC's data, users will perform searches and use information on websites and applications.
The View component is used a lot in the web development process and this is also where the HTML components are created. Another function of this View component is the ability to record user behavior to interact with the Controller The View section helps users to see the information of the website and application visually.
In conclusion, View is the part you see on the Web page.
Controller is the part that will handle requests when the user manipulates the application through the view component At this point, the Controller will execute the query and output the data in accordance with the user's request And to do that, the controller also needs to be able to connect to the model to get the data. Briefly, the function of the Controller is to control, navigate requests / requests from users and specify this method, that method in the Model will handle.
How to work in MVC
When the user performs an operation on the application or website, the client will send a request to the server (server) At this point, the controller will proceed to receive and process the request. Some cases need to access data, the controller will connect to the Model to support the database.
After the Controller finishes processing the request, the result will be returned to the View At this point, the View will proceed to generate HTML codes to return the resulting browser interface according to the user's request.
Advantage
Easy testing: Independent components make it easy for programmers to control and fix problems and errors before finalizing the product to users.
Control function: When combined with common programming languages such as CSS