|
|
| Line 53: |
Line 53: |
| | | | |
| | ===Formulating requirements=== | | ===Formulating requirements=== |
| − |
| |
| − | ==Websites==
| |
| − | Generally speaking, a [[website]] is a collections of webpages published on the [[World Wide Web]] ([[World Wide Web|WWW]]), as well as service capacities and resources attached to those pages. ''Cyber'' websites serve marketing purposes; they are important at every level of [[CNM Cyber Funnel]], including attracting, educating, closing, retaining, as well as engaging. As work products, ''Cyber'' websites are also vital in ''Cyber'' learner training.
| |
| − |
| |
| − | ===Featured===
| |
| − | : At the ''Cyber'', featured websites are those that the [[#Team|Team]] specifically promotes through its [[#Market presence|Market presence]]. Particularly, those websites are promoted at [[marketing outlet]]s, [[public relations]] ([[public relations|PR]]), [[advertising]], and [[personal selling]]. Three featured websites of the ''Cyber'' are:
| |
| − | :* '''[[CITPMA.com]]''', official [[website]] of [[CITPMA]].
| |
| − | :* '''[[CNMCyber.com]]''', official [[website]] of the ''Cyber''.
| |
| − | :* '''[[iDosvid.com]]''', official [[website]] of [[iDosvid]].
| |
| − |
| |
| − | ===Traffic-generating===
| |
| − | : At the ''Cyber'', traffic-generating websites are those that the [[#Team|Team]] doesn't promote, but support in order to generate traffic to the [[#Featured|Featured]] websites. Five traffic-generating websites of the ''Cyber'' are:
| |
| − | :* '''[[Bskol.com]]''', where ''[[Bskol]]'' is a brand name of a ''Cyber'' spin-off.
| |
| − | :* '''[[FriendsOfCNM.com]]''', where ''Friends of CNM'' is a former name of the ''Cyber''.
| |
| − | :* '''[[HOTCOE.com]]''', where ''hotcoe'' is a former name of the ''iDosvid''.
| |
| − | :* '''[[Inplz.com]]''', which is a home page of [[Inplz app]]s.
| |
| − | :* '''[[Kryvi.com]]''', which is a home page of [[Kryvi app]]s.
| |
| − |
| |
| − | ==Website projects==
| |
| − | For the purposes of this very wikipage, [[website project]]s, ''website developments'', or, simply, ''web devs'' are those [[project]]s that are undertaken to develop ''Cyber'' websites and their components. Website development normally consists of several interrelated projects.
| |
| − |
| |
| − | ===Content projects===
| |
| − | : For the purposes of this very wikipage, ''content projects'' refer to the [[website project]]s that are undertaken to develop general public contents of ''Cyber'' websites. General public contents are those audio-visuals, images, multimedia, and texts that the visitors of ''Cyber'' websites shall be able to see or hear when they access the ''Cyber'' webpages.
| |
| − | :# '''Non-textual contents''' such as audiovisuals, images, and multimedia. [[#Contractors|Contractors]] shall be hired to development audio-visuals, images, and/or multimedia. To accomplish so, separate projects shall be formalized. The completed audio-visual, image, and multimedia files shall be stored at [[CNM Repo]]. The other website developments do not necessarily depend on general public contents. Until they or their drafts are developed, [[placeholder]]s shall substitute the future content in other developments.
| |
| − | :# '''Texts'''. ''Cyber'' webpages are literally [[HTML]]-based documents, which means that the webpages are textual documents marked up with [[HTML]] tags in order to embed non-textual contents and make all viewable on the [[World Wide Web]] ([[World Wide Web|WWW]]). Since [[#Documents|Documents]] are regular outputs of ''Devs'' work, the ''Devs'' are encouraged to develop textual contents using [[CNM Wiki]]. The other website developments do not necessarily depend on general public contents. Until they or their drafts are developed, [[lorem ipsum]] shall substitute the future content in other developments.
| |
| − |
| |
| − | : Development of ''Cyber'' websites' content, most likely, consumes the most of website development time. Since the websites shall reflect the actual situation, the website content shall be periodically updated even when the website is already up and running.
| |
| − |
| |
| − | : The other, not for the general public, contents include key words for [[search engine optimization]] ([[search engine optimization|SEO]]) and other technical texts.
| |
| − |
| |
| − | ===Design projects===
| |
| − | : For the purposes of this very wikipage, ''design projects'' refer to the [[website project]]s that are undertaken to develop graphical appearance for ''Cyber'' websites. Creation of certain images or audiovisuals that are used in website contents is a part of the [[#Content projects|Content projects]].
| |
| − |
| |
| − | : [[Web design]] is essential for every [[website]] generally and ''Cyber'' website particularly. By its definition, development of ''web design'' is creative; design-developing [[#Contractors|Contractors]] shall be hired on a per-hour basis. At the ''Cyber'', web design projects can be undertaken to develop a single [[webpage section]], especially a main one.
| |
| − |
| |
| − | : At the ''Cyber'', designs are divided in [[graphic design]]s and [[UX design]]s. Graphic designers shall normally be hired to achieve webpage esthetics; UX designers shall work on great [[user experience]] with the page. The work outputs of one designer shall be given to another designer until both agree that the [[webpage section]] they work on is both graphically and [[UX]] acceptable.
| |
| − |
| |
| − | : Deliverables of ''design projects'' are pixel-sharp [[product depiction]]s of one or more [[webpage section]]s. After the [[#Customer|Customer]]'s approval, they shall be used as inputs to the [[#Website as one product|Website as one product]] developments. In order to store the deliverable files at [[CNM Repo]], the [[#Contractors|Contractors]] who work on the designs need to have proper access.
| |
| − |
| |
| − | ===SEO projects===
| |
| − | : For the purposes of this very wikipage, ''SEO projects'' refer to the [[website project]]s that are undertaken to develop and manage [[search engine optimization]] ([[SEO]]) for ''Cyber'' websites. ''Cyber's'' SEO efforts aim to generate traffic of those people who look for apprenticeship, entry-level job, internship, hands-on training, high-school student job, professional orientation, sysadmin job, and other ''Cyber'' services to the ''Cyber'' websites.
| |
| − |
| |
| − | : ''SEO'' efforts belong to competitive marketing; various actors on the market try to emerge in search engine results as high as possible. Since [[Google]] search engine is dominant; ''SEO'' can be viewed as competition over Google ratings. ''SEO'' can also be considered as a part of [[information architecture]].
| |
| − |
| |
| − | : Results of ''SEO projects'' are published at [[CNM Wiki]]; [[CNM System Administrator]]s use those results to update the actual website protocols.
| |
| − |
| |
| − | ===Software projects===
| |
| − | : For the purposes of this very wikipage, ''software projects'' refer to the [[website project]]s that are undertaken to develop software that powers ''Cyber'' websites.
| |
| − | :# '''CMS-based'''. Primarily, this software represents a [[content management system]] (or [[content management system|CMS]]). ''Cyber'' websites normally use [[CNM WordPress]] under their hood. In the past, the [[#Team|Team]] have also used other [[content management system]]s such as [[Drupal]] and [[Joomla]]. If the need emerges, some considerations can also be given to [[Ghost]], [[Grav]], and [[Jekyll]].
| |
| − | :# '''Plain code'''. The authorization and landing pages of [[#Featured|Featured]] websites can also be coded with [[HTML5]], [[CSS]], and [[JavaScript]] without any ''CMS''.
| |
| − |
| |
| − | : Results of ''software projects'' shall be stored at [[CNM Repo]]; [[CNM System Administrator]]s use those results to install and run the actual software.
| |
| − |
| |
| − | ===Website-core projects===
| |
| − | : For the purposes of this very wikipage, ''website-core projects'' refer to the [[website project]]s that are undertaken to make a ''Cyber'' website one product. [[#Content projects|Content]], [[#Design projects|Design]], [[#SEO projects|SEO]], [[#Software projects|Software]], and [[#WWW projects|WWW projects]] shall deliver various parts of websites. [[#IA developments|IA developments]] shall produce their "skeletons" or "embryos" of their core. Then, website assemblies shall make one product out of all.
| |
| − |
| |
| − | : Development of any website is rarely a simple and straightforward process. To emerge on the [[World Wide Web]] ([[World Wide Web|WWW]]), any website goes through various [[product state]]s.
| |
| − | :# '''Website as an idea'''. Any website starts with an idea; it should be imagined first to be developed second. The first idea may be expressed in few words.
| |
| − | :# '''Website as a prototype'''. Before a website emerges on ''WWW'', it exists as its [[information architecture]]s (or [[information architecture|IA]]s). A separate section of this very wikipage, [[#Website IAs|Website IAs]] is dedicated to them.
| |
| − | :# '''Website as a MVP'''. In cases of ''Cyber'' website development, a [[minimum viable product]] ([[minimum viable product|MVP]]) is an early version of a future website that includes sufficient features to satisfy early adopters. To do so, the website shall have its [[hub webpage]]s, ''IA'' that would be implemented on its software and located on ''WWW''.
| |
| − | :# '''Website as a marketable'''. To serve a part of [[#The funnel|The funnel]], ''Cyber'' website shall possess those features that are developed in the [[#Content projects|Content]], [[#Design projects|Design]], [[#SEO projects|SEO]], [[#Software projects|Software]], and [[#WWW projects|WWW projects]].
| |
| − |
| |
| − | ===WWW projects===
| |
| − | : For the purposes of this very wikipage, ''WWW projects'' refer to the [[website project]]s that are undertaken to integrate ''Cyber'' websites into the [[World Wide Web]] ([[World Wide Web|WWW]]) securely.
| |
| − | :* '''[[DNS record]]s''' to locate ''Cyber'' websites within ''WWW''. DNS records' drafts are published at [[CNM Wiki]]; [[CNM System Administrator]]s use those results to update the actual website records. DNS records for [[CDN]]-based websites might be complex.
| |
| − | :* '''[[SSL certificate]]s''' to encrypt interactions between ''Cyber'' websites and their visitors.
| |
| − | :* '''[[Webserver]]s''' to direct external requests to internal resources. ''Cyber'' websites normally rely on [[Apache HTTP Server]] and/or [[Nginx]] servers. They may serve separately or in sequence ''Nginx'', as highly productive, first, and ''Apache'', as highly reliable, second.
| |
| − |
| |
| − | ==Website IAs==
| |
| − | For the purposes of this very wikipage, [[information architecture]]s or [[IA]] are images, layouts, mockup models, outlines, [[prototype]]s, sketches, wireframes, and/or words that represent classification, organization, and structure of content and other information at ''Cyber'' websites or similar products. Similarly to [[UX design]], ''IA'' strives to enhance user satisfaction; ''IAs'' of ''Cyber'' products shall help to make them accessible, credible, desirable, findable, usable, useful, and valuable. Dissimilarly from [[UX design]], ''IA'' shall help the ''Cyber'' to achieve the [[#Cyber objectives|Cyber objectives]]. In simple words, ''IA'' shall balance benefits for the ''Cyber'' and its users.
| |
| − |
| |
| − | ===IA components===
| |
| − | : Key components of ''IA'' are:
| |
| − | :# '''Hierarchy''' of website and its webpages.
| |
| − | :# '''Roadmaps''' of every identified persona through the website.
| |
| − | :# '''Mockups''' of hub webpages at the [[websection box]] level.
| |
| − | :# '''Labels''' of groups of information for user orientation and, when used in sub-domain names, for [[search engine optimization]] ([[search engine optimization|SEO]]).
| |
| − | :# '''Navigations''' such as menus, breadcrumbs, and pagination.
| |
| − | :# '''Search tools''' that ensure findability of information.
| |
| − |
| |
| − | ===IA developments===
| |
| − | : No ''Cyber'' IA can be developed immediately and completely. It starts with a sketch to be gradually upgraded up to a prototype. The ''IA''-development projects closes when the [[#Customer|Customer]] approves the ''IA''. Development of ''IA'' is a:
| |
| − | :* Marketing project since the ''IA'' shall serve interests of both users and the ''Cyber''.
| |
| − | :* Creative project since [[acceptance criteria]] rarely can be defined; product and project certainties rarely can be reached before the development starts. That is why [[#Contractors|Contractors]] shall be hired on a per-hour basis. In the industry, the most qualified architects are normally hired to develop the most important ''IA'' components such as the menu structure and landing page mockup.
| |
| − | :* Prerequisite project that shall be finished before the contractors to develop a website as a [[marketable]] can be hired. As [[product depiction]]s, the outputs of the ''IA''-development project shall be used for graphic design, UX design, and website assemblies.
| |
| − |
| |
| − | ===Personas in IA===
| |
| − | : In [[marketing]], a ''persona'' is an imaginary product user that (a) represents a distinguishable type of customer and (b) has been created to design special appeals to that customer type while designing products.
| |
| − |
| |
| − | : ''Cyber'' websites may serve a variety of customers. For instance, a school student and school principal may visit [[iDosvid.com]]. However, interests of the student differ from ones of the principal. Moreover, the [[#Team|Team]] would like the student to get enrolled into [[CNM Cyber Welcome Session]], while the [[#Team|Team]] would like the principal to contact ''Cyber'' administrators. So, their website roadmaps shall be different.
| |
| − |
| |
| − | : [[Information architecture]]s (or [[Information architecture|IA]]s) shall serve all of its identified personas. If a subordinate IA serves one persona, and five personas are identified to be customers, the IA may be divided in one site-wide IA, which welcomes all of its customers and directs them to those webpages that are designed to serve specifically them and five separate subordinate IAs.
| |
| − |
| |
| − | ==Website parts==
| |
| − | ''Cyber'' websites are eventual deliverables from web-projects; however, website components need to be developed before any website can be assembled. Other deliverables include [[webpage]]s, [[webpage section]]s, [[websection box]]es, [[information architecture]]s, [[web design]]s, [[SEO strategy|SEO strategies]], as well as contents such as audiovisuals, images, multimedia, and texts.
| |
| − |
| |
| − | [[Website]]s are not created equal; neither are their developments. It may take about a couple of hours to setup a simple website if its content is ready. On the contrary, some other websites cost more than a million dollars.
| |
| − |
| |
| − | ===Webpages===
| |
| − | : Any ''Cyber'' website is a collection of [[webpage]]s. At the ''Cyber'', those pages are divided in three categories:
| |
| − | :# '''[[Auxiliary webpage]]s''' are those that provide their visitors with supplemental services beyond essay information and hub navigation. Auxiliary pages include contact, error, and search pages, for instance.
| |
| − | :# '''[[Essay webpage]]s''' are those that cover one subject; they give the most complete information on a given topic that is available on that website.
| |
| − | :# '''[[Hub webpage]]s''' are those essential pages that lead their visitors to other pages or services, where ''essential'' means that the website cannot function properly without those pages. Every ''Cyber'' website has at least two ''hubs'' -- the authenticating and landing webpage.
| |
| − |
| |
| − | ===Websections===
| |
| − | : Any ''Cyber'' webpage is a collection of two or more [[webpage section]]s. That ''section'' shall emerge on one user's screen or, at least on the top of the screen, after their clicks on some menu tab or other button. Every ''Cyber'' webpage shall have its main and footer sections at very least.
| |
| − |
| |
| − | : With regards to the purpose, websections may serve three purposes:
| |
| − | :# '''[[Deal-closing websection]]s''' normally belong to online stores.
| |
| − | :# '''[[Lead-generation websection]]s''' normally belong to [[hub webpage]]s of [[#Featured|Featured]] websites and any page of [[#Traffic-generating|Traffic-generating]] websites.
| |
| − | :# '''[[Prospect-education websection]]s''' are normally headsections of [[essay webpage]]s of both [[#Featured|Featured]] and [[#Traffic-generating|Traffic-generating]] websites.
| |
| − |
| |
| − | : A headsection is the most important for every webpage. ''Webpage sections'' present one or more [[websection box]]es. That box is the minimal rectangular element of [[webpage layout]]s that is distinguished from other rectangular parts both graphically and functionally. The headsection normally consists of a header and a box such as carousel, featured-image, grid, slider, or CTA (which stands for "call-to-action"). The headsection may also include a sidebar.
| |
| − |
| |
| − | ==Documents==
| |
| − |
| |
| − | ===Status reports===
| |
| − | : While working on the deliverable, the ''Devs'' are expected to report their project status. In [[CNM Agile]] framework, these statuses are reported at the product line wikipage, [[CNM Cloud Usable]], using the following readiness levels for each [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]]:
| |
| − | :* '''[[Not started status|Not started]]'''. Project work on the corresponding [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]] hasn't started yet.
| |
| − | :* '''[[In progress status|In progress]]'''. Project work on the corresponding [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]] has been started, but the state/device has not yet been submitted for the approval.
| |
| − | :* '''[[Cancel status|Cancel]]'''. Project work on the corresponding [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]] has been cancelled.
| |
| − | :* '''[[Submitted status|Submitted]]'''. Project work on the corresponding [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]] has been submitted for the approval.
| |
| − | :* '''[[Done status|Done]]'''. Project work on the corresponding [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]] has been approved. With exceptions of the [[state of certainty]], the [[#Customer|Customer]] approves the status. With regard to the [[state of certainty]], its approval also requires the developer's consent.
| |
| − |
| |
| − | ===Wikipages===
| |
| − | : At [[CNM Wiki]], ''Cyber'' endeavors are documented using two types of wikipages:
| |
| − | :# The progress on particular endeavors is reported at the [[CNM Cloud Usable]] wikipage.
| |
| − | :# Endeavor pages document everything, but progress reports. Those pages are listed at the [[:Category:CNM Cyber endeavors|"CNM Cyber endeavors" category]] and include [[project document]]s such as [[project charter]], [[asset register]], [[competency register]], [[stakeholder register]], [[requirements traceability matrix]], [[project scope baseline]], [[project schedule baseline]], [[project cost baseline]], and [[acceptance criteria]].
| |
| | | | |
| | ==The Cyber== | | ==The Cyber== |
