CSCI 311 Functional Prototype

Total Page:16

File Type:pdf, Size:1020Kb

CSCI 311 Functional Prototype CSCI 311 Functional Prototype What to hand in: • Submit the following to VIU Learn by February 16, 18:00 o .zip file containing all css and html for your site’s initial prototype o MidwayReport.pdf Functional Prototype Early in the term, your team will develop a crude functional prototype of your site. It should include, at minimum: • All main pages • All navigation between all pages (consistent) • Rough layout of all pages • Colour, style, and font choices for all text • Underlying structure of site (folders, files, naming conventions) • Image placeholders for all media At this stage, this is a mockup or rough prototype, so you are encouraged to do the following: • Use placeholder text (like Lorem Ipsum) o NOTE: do not use placeholder text for headings • Use placeholder images • Hardcode any validation (accounts) Your prototype will be evaluated by two of your peers using the following criteria: Criteria Level 2 Level 3 Level 1 Location of issues Links and No broken links. All Few broken links, Navigation Navigation navigation and navigation is inconsistent and consistent and no fairly consistent many broken dead ends. links Styling (font, Consistent styling Some inconsistent Inconsistent layout) and layout on all styling, and or style styling, and style pages. Styling in doesn’t match site doesn’t match keeping with site theme. site theme. theme. Clarity (visual Site is clearly laid Site is fairly clearly Site is poorly laid clarity and out, good use of laid out but could out, with weak grouping) white space and use better white grouping. grouping space and grouping Structure All pages use good All or most pages Pages lacks (underlying logical structure, use some logical logical structure. html including headings, structure, but structure) paragraphs, some elements are sections, and other not correctly used elements. or missing The prototype will also be evaluated by the instructor using the following criteria: • Links and navigation all working and consistent • Styling is consistent (internally) and consistent with purpose of site • Layout of site is well thought out and clear • Colour theme is consistent and appropriate • Appropriate HTML Structure (headings, sections, paragraphs, lists, …) • Underlying file structure is well thought out and will transfer well to future stages Midway Report: At this stage, review what was planned in the original team formation, and update as needed: • What tasks each team member will perform • Set internal deadlines for all stages of project • Identify your team’s stretch goal(s), including: o A brief description of the technology o A link to its source or documentation o Why it is interesting to you o What purpose it will serve in your project Stretch Goal Each team will choose up to three technologies that are not covered in this course to incorporate into the project. This is a chance to try something out that you’ve been meaning to investigate. Teams will give a brief presentation at the end of the term about this stretch goal. Some options: • Use a PHP framework o Laravel o Symfony o Phalcon o CakePHP • Use a JavaScript Framework: o Angular o Google Web Toolkit o Node.js o React o Vue.js • Use another language o Python (or Django framework) • JavaScript Library o Type Script o Three.js o Phaser (2D game framework/library) o Physics.js o Math Jax (math display) • API: o Google APIs: § YouTube § Geocoding APIs (location) o Social Media: § Flickr API § Twitter API § Instagram API o Other: § Soundcloud API § Bit.ly API § Dropbox API § OpenWeatherMap (weather forecast) § Dark Sky (weather forecast and historical data) o Here’s a curated list of open apis: § https://github.com/public-apis/public-apis .
Recommended publications
  • PHP Tech Stack Other Experience Everyday Tools Languages
    Igor Tverdokhleb Work permit: RU+DE the Senior PHP developer who is practicing Location: Hamburg SOLID and designing & implementing scalable systems, that are mostly using ElasticSearch, + 49 (152) 244-15-088 Redis, MySQL & Running on AWS. [email protected] I have a strong point about the application performance. github.com/arku31 arku-cv.com SKILLS PHP Tech stack Daily using - Laravel / Lumen Docker (Expert) Mac -- Eloquent ORM/Migrations Linux (Advanced) PHPStorm -- Events/Listeners apache / nginx / php-fpm CI/CD (usually gitlab) -- Middlewares/Nova mysql / pgsql NewRelic / Datadog - Swoole redis / memcached Blackfire - Phalcon ElasticSearch - Symfony Queues (SQS, Laravel) Languages - Laminas (Zend) - Various libraries Other experience - xDebug Java (Spring) / GoLang (minor) Russian English German - PHPUnit JS + jQuery + Vue.js (minor) native B2+ B1 - PSR / PHPCS WordPress + ACF (advanced) EXPERIENCE EDUCATION Feb 2018 - NOW PHP Developer in AboutYou Gmbh. Hamburg, 2010 - 2014 Orenburg State University Germany. specialty: computers, systems and Phalcon / Laravel / Laminas projects networks development. Mostly working on a cache diploma: A tool to manage layer with usage of Elasticsearch and Redis. customer sales department was written on pure PHP+MySQL and Maj 2016 - Feb 2018 PHP/JS Developer in LOFTSCHOOL LTD, Loftschool group. Saint-Petersburg, Russia. php-gd + dompdf Development and maintaining education 2006 - 2010 Orenburg Information Technologies College platform using Laravel. Implemented e.g. backoffice, flexible discounts, analyzing specialty: Automated systems center and social/payment network diploma: The self-made Linux integrations. distributive booted via PXE network to use on nonHDD Nov 2015 - Maj 2016 PHP Developer in ITLOFT LTD, Loftschool group. workstations with control panel Saint-Petersburg, Russia. using bash scripts + PHP as Have developed over 50 websites, mostly background.
    [Show full text]
  • Security Issues and Framework of Electronic Medical Record: a Review
    Bulletin of Electrical Engineering and Informatics Vol. 9, No. 2, April 2020, pp. 565~572 ISSN: 2302-9285, DOI: 10.11591/eei.v9i2.2064 565 Security issues and framework of electronic medical record: A review Jibril Adamu, Raseeda Hamzah, Marshima Mohd Rosli Faculty of Computer and Mathematical Sciences, Universiti Teknologi MARA, Malaysia Article Info ABSTRACT Article history: The electronic medical record has been more widely accepted due to its unarguable benefits when compared to a paper-based system. As electronic Received Oct 30, 2019 medical record becomes more popular, this raises many security threats Revised Dec 28, 2019 against the systems. Common security vulnerabilities, such as weak Accepted Feb 11, 2020 authentication, cross-site scripting, SQL injection, and cross-site request forgery had been identified in the electronic medical record systems. To achieve the goals of using EMR, attaining security and privacy Keywords: is extremely important. This study aims to propose a web framework with inbuilt security features that will prevent the common security vulnerabilities CodeIgniter security in the electronic medical record. The security features of the three most CSRF popular and powerful PHP frameworks Laravel, CodeIgniter, and Symfony EMR security issues were reviewed and compared. Based on the results, Laravel is equipped with Laravel security the security features that electronic medical record currently required. SQL injection This paper provides descriptions of the proposed conceptual framework that Symfony security can be adapted to implement secure EMR systems. Top vulnerabilities This is an open access article under the CC BY-SA license. XSS Corresponding Author: Jibril Adamu, Faculty of Computer and Mathematical Sciences, Universiti Teknologi MARA, 40450 Shah Alam, Selangor, Malaysia.
    [Show full text]
  • Full Stack Development
    PRESENTED BY: Mazhar K What is a Full Stack ? ● Able to work on front-end and back-end portions of an application. ● Front-end: Portion of an application the user will see or interact with ● Back-end: Part of an application that handles the logic, database interactions, user authentication, server configuration, etc. ● Database: Structured set of data held in a computer, more organized and complex sometimes. Full Stack Developer I define the basic stack as follows: ● HTML ● CSS ● JavaScript ● One general-purpose programming language (Ruby, Python, PHP, etc) ● One relational database system (Postgres, MySQL, Oracle, etc) ● One web server (nginx, Apache, etc) ● One deployment operating system (Ubuntu, CentOS, FreeBSD, etc) ● One version-control system (git. don't bother with the etc) Keys for Full Stack HTML/ CSS ● HTML: HyperText Markup Language ● CSS: Cascading Style Sheets ● Basically called as “building blocks of the web” ● HTML - Allows you to add content to the website ● CSS - Allows you to style your content ● Bootstrap: a framework for helping design and layout content on a page JavaScript ● JavaScript: Most popular language in Full-Stack, Front-end, and Back-end Development. ● Only language that runs natively in the browser, and can double up as a server-side language as well. ● It’s a high-level programing language ● It’s a language that is also characterized as dynamic, weakly typed, prototype-based and multi-paradigm. ● Frameworks: Angular & React ● JSON: JavaScript Object Notation Back-end Language ● Will handle stuff like database operations, user authentication, and application logic. ● Node.js: framework that will aid you in developing web application is Express.
    [Show full text]
  • Modern Web Application Frameworks
    MASARYKOVA UNIVERZITA FAKULTA INFORMATIKY Û¡¢£¤¥¦§¨ª«¬­Æ°±²³´µ·¸¹º»¼½¾¿Ý Modern Web Application Frameworks MASTER’S THESIS Bc. Jan Pater Brno, autumn 2015 Declaration Hereby I declare, that this paper is my original authorial work, which I have worked out by my own. All sources, references and literature used or ex- cerpted during elaboration of this work are properly cited and listed in complete reference to the due source. Bc. Jan Pater Advisor: doc. RNDr. Petr Sojka, Ph.D. i Abstract The aim of this paper was the analysis of major web application frameworks and the design and implementation of applications for website content ma- nagement of Laboratory of Multimedia Electronic Applications and Film festival organized by Faculty of Informatics. The paper introduces readers into web application development problematic and focuses on characte- ristics and specifics of ten selected modern web application frameworks, which were described and compared on the basis of relevant criteria. Practi- cal part of the paper includes the selection of a suitable framework for im- plementation of both applications and describes their design, development process and deployment within the laboratory. ii Keywords Web application, Framework, PHP,Java, Ruby, Python, Laravel, Nette, Phal- con, Rails, Padrino, Django, Flask, Grails, Vaadin, Play, LEMMA, Film fes- tival iii Acknowledgement I would like to show my gratitude to my supervisor doc. RNDr. Petr So- jka, Ph.D. for his advice and comments on this thesis as well as to RNDr. Lukáš Hejtmánek, Ph.D. for his assistance with application deployment and server setup. Many thanks also go to OndˇrejTom for his valuable help and advice during application development.
    [Show full text]
  • PHP and Mysql Web Development
    TABEL OF CONTENT 1) PHP Introduction 2) PHP Environmental Setup 3) PHP Syntax Overview 4) PHP Variable Types 5) PHP Constants 6) PHP Operator Types 7) PHP Decision Making 8) PHP Loop Types 9) PHP Arrays 10)PHP Strings 11)PHP Web Concepts 12)PHP Get & Post 13)PHP File Inclusion 14)PHP Files & I/O 15)PHP Functions 16)PHP Cookies 17)PHP Sessions 18)PHP Sending Emails 19)PHP File Uploading 20)PHP Coding Standard 21)PHP Predefined Variable 22)PHP Regular Expression 23)PHP Error Handling 24)PHP Bugs Debugging 25)PHP Date & Time 26)PHP & MySQL 27)PHP &Ajax 28)PHP & XML 29)PHP – Object Oriented 30)PHP -For C Developers 31)PHP -For PERL Developers PHP Tutorial The PHP Hypertext Preprocessor (PHP) is a programming language that allows web developers to create dynamic content that interacts with databases. PHP is basically used for developing web based software applications. This tutorial helps you to build your base with PHP. Audience This tutorial is designed for PHP programmers who are completely unaware of PHP concepts but they have basic understanding on computer programming. Prerequisites Before proceeding with this tutorial you should have at least basic understanding of computer programming, Internet, Database, and MySQL etc is very helpful. Execute PHP Online For most of the examples given in this tutorial you will find Try it an option, so just make use of this option to execute your PHP programs at the spot and enjoy your learning. Try following example using Try it option available at the top right corner of the below sample code box − <html> <head> <title>Online PHP Script Execution</title> </head> <body> <?php echo "<h1>Hello, PHP!</h1>"; ?> </body> </html> PHP - Introduction PHP started out as a small open source project that evolved as more and more people found out how useful it was.
    [Show full text]
  • Implementación De Framework De Desarrollo Web Durante Un Proyecto”
    UNIVERSIDAD POLITÉCNICA DE SINALOA PROGRAMA ACADÉMICO DE INGENIERÍA EN INFORMÁTICA Tesina “Implementación de Framework de desarrollo web durante un proyecto” Para obtener la acreditación de las estadías profesionales y contar con los créditos para el grado de Ingeniero en Informática. Autor: Bernal Corral Daniel Asesor: M. C. Alejandro Pérez Pasten Borja Asesor OR: Ing. Omar Vidaña Peraza Mazatlán, Sinaloa 13 de Diciembre del 2019 Agradecimientos Agradezco a mis padres por brindarme todo su apoyo durante mis estudios, por darme las clases más importantes, por haber hecho posible que llegara a este momento, por enseñarme que no siempre todo sale perfecto y que debo esforzarme para obtener lo que quiero, por darme ánimos para seguir, por preocuparse por mí y esforzarse para que mi vida fuera mejor. A mi asesor por aconsejarme y corregir los errores que cometí durante el desarrollo de la tesina, por tomarse el tiempo para ver cada detalle y hacer recomendaciones, sugerir opciones, etc. A mi hermano por ayudarme a no rendirme, por asumir su rol de hermano mayor y tratar de guiar, por preocuparse por mí y ayudarme siempre que lo he necesitado. A los profesores que he tenido a lo largo de mis estudios y que me aportaron un poco de su conocimiento para enriquecer el mío. A todos mis compañeros que me ayudaron a hacer más amenas las clases. 6 ÍNDICE TEMÁTICO Índice de imágenes. 9 Resumen. ….. .11 Abstract. …. .11 Introducción. 11 Capítulo I. .. ... …12 1. Antecedentes. .. 13 1.1. Localización. .. ….. 13 1.2. Objetivos de la institución. …………….. 13 1.3. Visión. .14 1.4.
    [Show full text]
  • Yuriy Smirnov [email protected] (347)-415-2322 Brooklyn, NY, 11214
    Yuriy Smirnov [email protected] (347)-415-2322 Brooklyn, NY, 11214 www.ysmirnov.com OBJECTIVE Seeking 100% telecommute remote full time or contract as VP/Architect/Lead Web Engineer. SUMMARY Commercially developing web applications for over a decade. Full stack startup engineer and architect with lean startup development methodology and focus on high availability websites built under LAMP environment. Trending PHP, JS and CSS frameworks and libraries. Infrastructure/Marketing/E-commerce APIs. Excellent UI/UX and application workflow design. Architecture, prototyping, project management, cost and budgeting. SKILLS • In-depth knowledge of Symfony and Laravel Frameworks • In-depth knowledge of PHP5 and strong C++ background. • Popular PHP frameworks ( Symfony, Laravel, Phalcon, Silex) • Javascript frameworks (AngularJS, ReactJS, Meteor, PhoneGap ) • Node.js ( Koa.js ) • Continuous Integration and Continuous Delivery ( Jenkins, Codeception ) • CSS frameworks ( Twitter Bootstrap, Foundation ), SASS and LESS • APIs to popular web services( E-commerce, M-commerce, SMS, Google, Amazon, Social Networks ) • Infrastructure ( Docker, Google Compute Engine, Google App Engine, AWS, Heroku ) • Strong knowledge of databases including MySQL, MongoDB and Elasticsearch • High Availability Architecture • Solid UI/UX skills for developing functional interfaces and application workflow • Mobile first strategy and responsive design development • Video Streaming ( Wowza, WebRTC ) • MVC design patterns, Object Oriented Design (OOD) and Test Driven Development (TDD) • Docker & Linux operating system, it’s derivatives as well as an array of open source applications ocused on web services, monitoring and deployment ( Apache, Nginx, Logstash, Kibana, Zabbix , etc ) MOST SIGNIFICANT PROJECTS 2016, Followback, Social Media Marketplace, CTO Followback is seed funded marketplace for social tasks. Users buy & sell their social media tasks ( followback, likes, posts, comments and sharing ) to one another for business or personal use.
    [Show full text]
  • Comparing Performance of Plain PHP and Four of Its Popular Frameworks
    Thesis Project Comparing Performance of Plain PHP and Four of Its Popular Frameworks Author: Jone Samra Supervisor: Johan Hagelbäck Examiner: Sabri Pllana Semester: VT 2015 Subject: Computer Science Abstract The objective of this study is to evaluate performance of four popular PHP frameworks Laravel, Symfony, CodeIgniter and Phalcon together with the plain PHP. The decision of making this study was based on the fact that there is a lack of comparison tests between the most popular PHP frameworks. Visiting the official websites of these frameworks, the first thing to notice is the slogans that have been made by the core teams. The majority of these slogans contain quality attributes like speed and high performance. As a developer looking for performance in your next project, choosing the right PHP framework by these slogans is not that easy. Therefor, the performance of these frameworks is put to the test. And to do that, three experiments are conducted in which five functionally equivalent PHP applications are developed and used as targets. One version of these applications represents the plain PHP and the other four represent the four mentioned frameworks. The experiments are conducted in two sessions. The first session deals with the execution time and the stack trace measurements while the second one is covering the measurement of the memory usage consumption. The result outcome of these experiments has been analyzed and interpreted in order to expose the performance of the targeted frameworks. The experiment results prove that the targeted frameworks perform differently compared with each other and the PHP stack. Plain PHP and Phalcon are performing well while the other three frameworks have both mediocre and low performance.
    [Show full text]
  • The Clean Architecture in PHP
    The Clean Architecture in PHP Kristopher Wilson This book is for sale at http://leanpub.com/cleanphp This version was published on 2015-04-24 This is a Leanpub book. Leanpub empowers authors and publishers with the Lean Publishing process. Lean Publishing is the act of publishing an in-progress ebook using lightweight tools and many iterations to get reader feedback, pivot until you have the right book and build traction once you do. ©2013 - 2015 Kristopher Wilson Dedication First and foremost, I dedicate this book to my wife, Ashley. Thank you for allowing me to spend so much time staring at millions of dots on a screen. Secondly, to my parents, who worked so hard to make sure their children had everything they needed and wanted, and for encouraging me to follow my dreams, however odd they may have been. Contents Introduction .......................................... i Organization ......................................... i The Author ......................................... i A Word about Coding Style ................................ ii The Problem With Code ................................ 1 Writing Good Code is Hard ................................. 2 Writing Bad Code is Easy .................................. 2 We Can’t Test Anything .................................. 3 Change Breaks Everything ................................. 4 We Live or Die by the Framework ............................. 4 We Want to Use All the Libraries ............................. 5 Writing Good Code ..................................... 5 What is Architecture?
    [Show full text]
  • An Analysis of CSRF Defenses in Web Frameworks
    Where We Stand (or Fall): An Analysis of CSRF Defenses in Web Frameworks Xhelal Likaj Soheil Khodayari Giancarlo Pellegrino Saarland University CISPA Helmholtz Center for CISPA Helmholtz Center for Saarbruecken, Germany Information Security Information Security [email protected] Saarbruecken, Germany Saarbruecken, Germany [email protected] [email protected] Abstract Keywords Cross-Site Request Forgery (CSRF) is among the oldest web vul- CSRF, Defenses, Web Frameworks nerabilities that, despite its popularity and severity, it is still an ACM Reference Format: understudied security problem. In this paper, we undertake one Xhelal Likaj, Soheil Khodayari, and Giancarlo Pellegrino. 2021. Where We of the first security evaluations of CSRF defense as implemented Stand (or Fall): An Analysis of CSRF Defenses in Web Frameworks. In by popular web frameworks, with the overarching goal to identify Proceedings of ACM Conference (Conference’17). ACM, New York, NY, USA, additional explanations to the occurrences of such an old vulner- 16 pages. https://doi.org/10.1145/nnnnnnn.nnnnnnn ability. Starting from a review of existing literature, we identify 16 CSRF defenses and 18 potential threats agains them. Then, we 1 Introduction evaluate the source code of the 44 most popular web frameworks Cross-Site Request Forgery (CSRF) is among the oldest web vul- across five languages (i.e., JavaScript, Python, Java, PHP, andC#) nerabilities, consistently ranked as one of the top ten threats to covering about 5.5 million LoCs, intending to determine the imple- web applications [88]. Successful CSRF exploitations could cause re- mented defenses and their exposure to the identified threats. We mote code execution [111], user accounts take-over [85, 87, 90, 122], also quantify the quality of web frameworks’ documentation, look- or compromise of database integrity—to name only a few in- ing for incomplete, misleading, or insufficient information required stances.
    [Show full text]
  • Chinese Investment in Israeli Technology and Infrastructure
    C O R P O R A T I O N SHIRA EFRON, KAREN SCHWINDT, EMILY HASKEL Chinese Investment in Israeli Technology and Infrastructure Security Implications for Israel and the United States For more information on this publication, visit www.rand.org/t/RR3176 Library of Congress Cataloging-in-Publication Data is available for this publication. ISBN: 978-1-9774-0435-0 Published by the RAND Corporation, Santa Monica, Calif. © Copyright 2020 RAND Corporation R® is a registered trademark. Cover design: Rick Penn-Kraus Limited Print and Electronic Distribution Rights This document and trademark(s) contained herein are protected by law. This representation of RAND intellectual property is provided for noncommercial use only. Unauthorized posting of this publication online is prohibited. Permission is given to duplicate this document for personal use only, as long as it is unaltered and complete. Permission is required from RAND to reproduce, or reuse in another form, any of its research documents for commercial use. For information on reprint and linking permissions, please visit www.rand.org/pubs/permissions. The RAND Corporation is a research organization that develops solutions to public policy challenges to help make communities throughout the world safer and more secure, healthier and more prosperous. RAND is nonprofit, nonpartisan, and committed to the public interest. RAND’s publications do not necessarily reflect the opinions of its research clients and sponsors. Support RAND Make a tax-deductible charitable contribution at www.rand.org/giving/contribute www.rand.org Preface Relations between China and Israel have expanded rapidly since the early 2000s in numerous areas, including diplomacy, trade, invest- ment, construction, educational partnerships, scientific cooperation, and tourism.
    [Show full text]
  • Php Simple Router Example
    Php Simple Router Example Solstitial and wound Floyd deep-freezes his tambouras twig misgraft irresolutely. Adsorbate Jorge disembowels, his columniation pyramids testify overrashly. Barron often tumbles pertinently when toreutic Mikael subminiaturizes nutritiously and banqueted her abolla. By default, route patterns are matched against every request methods. Subpattern will be passed as i remove first parameter passed to router so we now link router implementation, simple php router example if omitted defaults to print iframe content problem with. URLs to designate from SEF URLs. Personnaly i started, simple shortcut way, php simple router example if this functionality of the terminal, we use a route function. Integer that sets the contemporary of worker threads per app process. Great new features products is returned static pages change your php simple router example, including familiarity with. These URL do not have to map to specific files on a website. For an object is specified path does as few routes file extensions on each file where we can give our class? Sylius uses it extensively. Controller and delegate methods. How to other Route from CSRF Middleware in Laravel? This is by convention. Allows you only set URL hash fragments. Hey, wait a minute! Sylius embraces the current provided in object oriented design and avoids class inheritance when once can. This logic can replace each triad is simple example, between those values of repeated code? The route in a callback binds with eloquent model for days, but limits for? The router for simple as this project, view and action to true for table can provide via pull in laravel has been matched.
    [Show full text]