69 |
73 |
74 |
75 |
--------------------------------------------------------------------------------
/includes/topbar.php:
--------------------------------------------------------------------------------
1 |
45 |
--------------------------------------------------------------------------------
/db/uid ass 1,2.txt:
--------------------------------------------------------------------------------
1 | create user interface for online shopping
2 |
3 | principles guidelines usability and conceptual model for designing online shopping interface .
4 |
5 |
6 | Principles
7 |
8 | operational simplicity
9 | strong branding
10 | security of users’ data
11 | effective use of visual elements
12 | clear data presentation via menus, catalogs, etc.
13 | user’s ability to leave feedback about goods and services
14 | easily available general and contact information about the business providing goods or services
15 | design that supports the offer not overshadowing it.
16 |
17 |
18 | Interact with your customers.
19 | Don't overcomplicate the pages.
20 | Build a branding concept.
21 | Balance usability and aesthetics.
22 | Provide straightforward navigation.
23 | Be experimental but make informed decisions.
24 |
25 |
26 | Guidelines
27 |
28 | Here are some essential user interface design tips:
29 |
30 | Do not over design. Limit font formats such as font face, sizes, and colors. When the text looks too much like graphics, it will be mistaken for an ad. Use high-contrast text and background colors to make the content as clear as possible.
31 |
32 | Follow the brand identity.
33 |
34 | Adopt visual hierarchy. The most critical content should be displayed above the fold. In some cases, using less white space to bring items closer together is better than pushing critical content below the fold.
35 |
36 | Stick to known symbols. Use icons or symbols that are easy to identify. Unfamiliar icons will only confuse the shoppers. A good way to avoid any possible confusion is to provide labels for icons.
37 |
38 | Avoid popup windows. Popup windows are a distraction. Even if they contain valuable information, shoppers are more than likely to dismiss them immediately—once gone, even if they want to, it’s hard for shoppers to find the information again.
39 |
40 | Product Quick View
41 | A “quick view” reduces the time it takes for shoppers to find the right product by eliminating unnecessary page loads. Typically, the product details are displayed in a modal window over the viewed page.
42 |
43 | 1.Keep navigation simple and functional
44 | 2. Use a linear checkout process
45 | 3. Use clear error indications at check out
46 | 4. Make sure your load time is fast
47 | 5. Automate your search
48 |
49 | usability
50 | Make navigation a breeze. ...
51 | The checkout process needs to be streamlined. ...
52 | Look at your search engine. ...
53 | The page's load time needs to be optimized. ...
54 | Optimize for mobile use. ...
55 | Make it accessible for all users. ...
56 | Design your pages better. ...
57 | Focus on A/B Testing.
58 |
59 |
60 | conceptual model
61 |
62 | diagram
63 |
64 |
65 |
--------------------------------------------------------------------------------
/gulpfile.babel.js:
--------------------------------------------------------------------------------
1 | // generated on 2016-07-09 using generator-webapp 2.0.0
2 | import gulp from 'gulp';
3 | import gulpLoadPlugins from 'gulp-load-plugins';
4 | import browserSync from 'browser-sync';
5 | import del from 'del';
6 |
7 | const $ = gulpLoadPlugins();
8 | const reload = browserSync.reload;
9 |
10 | // To compile Sass files
11 | gulp.task('styles', () => {
12 | return gulp.src('sass/*.scss')
13 | .pipe($.plumber())
14 | .pipe($.sourcemaps.init())
15 | .pipe($.sass.sync({
16 | outputStyle: 'expanded',
17 | precision: 10,
18 | includePaths: ['.']
19 | }).on('error', $.sass.logError))
20 | .pipe($.autoprefixer({browsers: ['> 1%', 'last 2 versions', 'Firefox ESR']}))
21 | .pipe($.sourcemaps.write())
22 | .pipe(gulp.dest('css'))
23 | .pipe($.cssnano())
24 | .pipe($.rename({ // rename file
25 | suffix: ".min" // add *.min suffix
26 | }))
27 | .pipe(gulp.dest('css'))
28 | .on('end', reload);
29 | });
30 |
31 | // To minify scripts
32 | gulp.task('scripts', () => {
33 | return gulp.src(['js/*.js', '!js/*.min.js'])
34 | .pipe($.plumber())
35 | .pipe($.uglify({preserveComments: 'license'}))
36 | .pipe($.rename({
37 | suffix: ".min"
38 | }))
39 | .pipe(gulp.dest('js'))
40 | .on('end', reload);
41 | });
42 |
43 | function lint(files, options) {
44 | return () => {
45 | return gulp.src(files)
46 | .pipe(reload({stream: true, once: true}))
47 | .pipe($.eslint(options))
48 | .pipe($.eslint.format())
49 | .pipe($.if(!browserSync.active, $.eslint.failAfterError()));
50 | };
51 | }
52 |
53 | gulp.task('lint', lint('js/*.js'));
54 |
55 | // Uncomment following if you want to minify HTML files
56 | /*
57 | gulp.task('html', ['styles', 'scripts'], () => {
58 | return gulp.src('*.html')
59 | .pipe($.htmlmin({collapseWhitespace: true}))
60 | .pipe(gulp.dest('minified-html'));
61 | });
62 | */
63 |
64 | // Task to minify images
65 | gulp.task('images', () => {
66 | return gulp.src('images/**/*')
67 | .pipe($.cache($.imagemin({
68 | progressive: true,
69 | interlaced: true,
70 | // don't remove IDs from SVGs, they are often used
71 | // as hooks for embedding and styling
72 | svgoPlugins: [{cleanupIDs: false}]
73 | })))
74 | .pipe(gulp.dest('images-min'));
75 | });
76 |
77 | // Task to serve everything with browserSync (except images)
78 | gulp.task('serve', ['styles', 'scripts'], () => {
79 | browserSync({
80 | notify: false,
81 | port: 9000,
82 | server: {
83 | baseDir: ['./']
84 | }
85 | });
86 |
87 | gulp.watch([
88 | '*.html',
89 | 'images/**/*',
90 | 'fonts/**/*'
91 | ]).on('change', reload);
92 |
93 | gulp.watch('sass/**/*.scss', ['styles']);
94 | gulp.watch('js/**/*.js', ['scripts']);
95 | });
96 |
97 | gulp.task('default', () => {
98 | gulp.start('serve');
99 | });
100 |
--------------------------------------------------------------------------------
/download-result.php:
--------------------------------------------------------------------------------
1 |
14 |
15 |
16 |
47 |
48 |
49 | prepare($qery);
55 | $stmt21->bind_param("ss",$rollid,$classid);
56 | $stmt21->execute();
57 | $res1=$stmt21->get_result();
58 | $cnt=1;
59 | while($result=$res1->fetch_object())
60 | { ?>
61 |